博客园美化

博客皮肤：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;}}

页首html代码

 <div id="loading"><div class="loader-inner"> </div></div>

页脚html代码

 <script src="https://guangzan.gitee.io/awescnb/index.js"></script>

 <script>

   const opts = {
theme: {
    name: 'geek',
    avatar: 'https://img2018.cnblogs.com/blog/1646268/201907/1646268-20190705165123930-340013933.png',
    headerBackground: 'https://img2018.cnblogs.com/blog/1646268/201907/1646268-20190705165123930-340013933.png',
    title:'布都御魂的博客',
    favicon:'https://img2018.cnblogs.com/blog/1646268/201907/1646268-20190705165123930-340013933.png',
    log:'are you ready?',
    color:'#FFB3CC',
},
    signature: {
     enable: true,
     contents: [
       "遇事不决，可问春风，春风不语，谨遵本心",
     ]
   },
   }
   $.awesCnb(opts)
 </script>