• 参考链接
• 页面定制css代码
• 页首HTML代码
• 页脚HTML代码
• 其他设置

参考链接

• awescnb

• 自己部署皮肤文件

页面定制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://files.cnblogs.com/files/blogs/819655/loader.min.js?t=1715046903&download=true"></script>
<script>
 const opts = {
   //基础配置
    theme: {
      name: 'geek',
      log: true,
      avatar: "https://pic.cnblogs.com/avatar/2511746/20240506223802.png",
      headerBackground:"https://images.cnblogs.com/cnblogs_com/blogs/819655/galleries/2396570/t_240507012643_Picsart_24-05-07_09-21-30-132.jpg",
    },
    // 代码高亮
    highLight: {
      enable: true,
    },
    // 代码行号
    lineNumbers: {
      enable: true,
    },
    //github
    github: {
      enable: false,
      url: "",
    },
    //码云
    gitee: {
      enable: false,
      url: '',
    },
    //点击特效
    click: {
      enable: true,
    },
    // 评论输入框表情
      emoji: {
          enable: true,
          buttonIcon: "",
          emojiList: [
              {
                  value: 'https://images.cnblogs.com/cnblogs_com/gshang/1626876/o_2001050555139.png',
                  label: '',
              },
              {
                  value: '',
                  label: '笑哭',
              },
              {
                  value: '',
                  label: '大笑',
              },
              {
                  value: '',
                  label: '苦笑',
              },
              {
                  value: '',
                  label: '斜眼笑',
              },
              {
                  value: '',
                  label: '得意',
              },
              {
                  value: '',
                  label: '微笑',
              },
              {
                  value: '',
                  label: '酷！',
              },
              {
                  value: '',
                  label: '花痴',
              },
              {
                  value: '',
                  label: '呵呵',
              },
              {
                  value: '',
                  label: '好崇拜哦',
              },
              {
                  value: '',
                  label: '思考',
              },
              {
                  value: '',
                  label: '白眼',
              },
              {
                  value: '',
                  label: '略略略',
              },
              {
                  value: '',
                  label: '呆住',
              },
              {
                  value: '',
                  label: '大哭',
              },
              {
                  value: '',
                  label: '头炸了',
              },
              {
                  value: '',
                  label: '冷汗',
              },
              {
                  value: '',
                  label: '吓死了',
              },
              {
                  value: '',
                  label: '略略略',
              },
              {
                  value: '',
                  label: '晕',
              },
              {
                  value: '',
                  label: '愤怒',
              },
              {
                  value: '',
                  label: '祝贺',
              },
              {
                  value: '',
                  label: '小丑竟是我',
              },
              {
                  value: '',
                  label: '嘘~',
              },
              {
                  value: '',
                  label: '猴',
              },
              {
                  value: '',
                  label: '笑笑不说话',
              },
              {
                  value: '',
                  label: '牛',
              },
              {
                  value: '',
                  label: '啤酒',
              },
          ]
      },
    //深色模式
    darkMode: {
      enable: true,
      autoDark: false,
      autoLight: false,
    },
    //打赏二维码
    donation: {
      enable: false,
      qrcodes: [''],
    },
    //个性签名
    signature: {
      enable: true,
      contents: [
        "<b>一件事情不付诸实践，即使在心里想一万遍也是徒然。</b>",
        "<b>开头很简单，最难的是坚持。</b>",
        "<b>如果你只做能力范围之内的事，你就永远不会有进步!</b>",
        "<b>没有落魄的行业，只有落魄的人!</b>",
        "<b>业精于勤荒于嬉，行成于思毁于随! </b>",
      ],
    },
    //侧边栏添加友链
    links: {
      enable: false,
      value: [
        {
          name: " 个人主页",
          link: "",
        },
        {
          name: " 博客主页",
          link: "",
        },
        {
          name: "‍ 博主介绍",
          link: "",
        },
        {
          name: " 微信公众号",
          link: "",
        },
        {
          name: " Bilibili",
          link: "",
        },
      ],
    },
  };
  $.awesCnb(opts);
</script>

其他设置