博客皮肤: Custom
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | #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
要去申请js权限,大概1h就好了!
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 | < script > $.awesCnb({ // 基本配置,在线切换主题 theme: { name: 'geek', // 极客风格主题 //name: 'view', //宽阔视野主题 //name: 'simple', // 简约风格主题 //name: 'reacg', //二次元风格 //name: 'bilibili', //Bilibili color: '#FFB3CC', title: '', contentSize: 'mid', //背景图片地址 headerBackground: 'https://www.www.weizhi.cc/i/l/?n=20&i=blog/2129350/202009/2129350-20200901200713499-999477266.jpg', //头像图片地址 favicon: '', }, links: [ { name: '收藏夹', link: 'https://wz.cnblogs.com/', } //, //{ // name: '自定义菜单名', // link: '跳转链接', //} ], notice:{ enable: false }, signature: { enable: false, //是否开启个性签名 contents: [ "个性签名、< b style = 'color:#ff6b81' >颜色,加粗的</ b >" ], }, darkMode: { enable: true }, 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
1 | < div id = "loading" >< div class = "loader-inner" ></ div ></ div > |