我的博客园皮肤配置

声明：本皮肤来自于 awescnb 项目 geek 皮肤，作者 @guangzan。本人进行了少量修改。

1. 打开博客园设置，在基本设置中将“博客皮肤”选项设为 Custom，并申请 JS 权限，申请理由填写“适度美化博客”。

   

2. 代码高亮设置：

   • 渲染引擎：prismjs
   • Mac 风格
   • 代码字体：Cascadia (ligatures)
   • 系统浅色模式时主题：prism-coldard-cold
   • 跟随系统自动切换深色/浅色模式主题

   

3. 页面定制 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;}}
   

   

4. 页面首 HTML 代码设置：

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

   

5. 页脚 HTML 代码设置：

   这里需要你添加自己的头像 URL、背景板 URL 等。可以将图片上传到 SM.MS 等图床来获得图片 URL。

   <script src="https://blog-static.cnblogs.com/files/blogs/814874/loader.min.js"></script>
   <script>
     const config = {
       theme: {
         name: "geek-12"  // 原主题名为 geek，我做了一些修改，因此命名为 geek-12
         avatar: "",  // 头像 URL
         headerBackground: "",  // 背景板 URL
         log: true,
       },
       github: {
         enable: true,
         url: "",  // 这里可以填写你的 GitHub 链接。如果不想显示 GitHub 链接的话可以把 enable 选项改为 false
       },
       click: {
         enable: false,
       },
       darkMode: {
         enable: true,
         autoDark: true,
         autoLight: true,
       },
       signature: {
         enable: true,
         contents: [
           "显示文本 1",  // 这里填写要显示的标语。如果不想显示标语的话可以把 enable 选项改为 false
           "显示文本 2"
         ]
       },
       postSignature: {
         enable: true,
         enableLicense: true,
         licenseName: '署名-非商业性使用-相同方式共享 4.0 国际',
         licenseLink: 'https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh-hans',
       }
     }
     $.awesCnb(config)
   </script>