部落格園主題-awescnb
阿新 • • 發佈:2020-09-10
後臺-設定
部落格面板: Custom
頁面定製 CSS 程式碼
#loading { bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; background-color: #f4f5f5; pointer-events: none; } .loader-inner { will-change: transform; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; background-color: #3742fa; border-radius: 50%; animation: scaleout 0.6s infinite ease-in-out forwards; text-indent: -99999px; z-index: 999991; } @keyframes scaleout { 0% { transform: scale(0); opacity: 0; } 40% { opacity: 1; } 100% { transform: scale(1); opacity: 0; } }
勾選:
[√] 禁用模板預設CSS
部落格側邊欄公告(支援HTML程式碼) (支援 JS 程式碼)
<script src="https://guangzan.gitee.io/awescnb/index.js"></script> <script> $.awesCnb({ // 基本配置,線上切換主題 theme: { name: 'geek', // 極客風格主題 //name: 'view', //寬闊視野主題 //name: 'simple', // 簡約風格主題 color: '#FFB3CC', title: '', contentSize: 'mid', //背景圖片地址 headerBackground: 'https://img2020.cnblogs.com/blog/2129350/202009/2129350-20200901200655213-2052264857.jpg', //頭像圖片地址 avatar: 'https://pic.cnblogs.com/avatar/2150109/20200909144450.png', favicon: '', }, links: [ { name: '收藏夾', link: 'https://wz.cnblogs.com/', } //, //{ // name: '自定義選單名', // link: '跳轉連結', //} ], notice:{ enable: false }, signature: { enable: false, //是否開啟個性簽名 contents: [ "個性簽名、<b style='color:#ff6b81'>顏色,加粗的</b>" ], }, darkMode: { enable: false }, postTopimage: { enable: true, imgs: [], position: 'top', }, highLight: { type: 'atomOneLight' }, lineNumbers: { enable: true }, catalog: { enable: true, position: 'left', }, back2top: { enable: true, type: 'simple', }, tools: { enable: true, initialOpen: false, draggable: true, }, }) </script>
更多外掛配置參考:https://guangzan.gitee.io/awescnb-docs/options
頁首 HTML 程式碼
<div id="loading"><div class="loader-inner"></div></div>
最後,點選儲存
去後臺-選項
選擇