脚本宝典收集整理的这篇文章主要介绍了Blog主题设置，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

Blog主题

awescnb

先选Custom

参考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:99999;}@keyframes scaleout{0%{transform:scale(0);opacity:0;}40%{opacity:1;}100%{transform:scale(1);opacity:0;}}

页首

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

页脚

<!-- @format -->
<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
  //参考 https://www.yuque.com/awescnb/user/rycpvv#SsOfJ
  const opts = {
    // 基本配置
    theme: {
      name: 'reacg',
      color: '#3939FF',
      title: '',
      avatar: 'https://avatars.githubusercontent.com/u/48207847?v=4',
      favicon: '',
      headerBackground: 'https://s2.loli.net/2021/12/12/h2bxU9l3fdZY8SR.jpg',
    },
    // 代码高亮
    highLight: {
      enable: true,
    },
    // 代码行号
    lineNumbers: {
      enable: true,
    },
    // github图标
    github: {
      enable: true,
      url: 'https://github.com/XiaochengYe',
    },
    // 码云图标
    gitee: {
      enable: false,
      url: 'https://gitee.com/xiaochengye',
    },
    // 图片灯箱
    imagebox: {
      enable: true,
    },
    // 文章目录
    catalog: {
      enable: true,
    },
    // 右下角按钮组
    tools: {
      enable: true,
    },
    // live2d模型
    live2d: {
      enable: false,
      model: 'shifuku',
    },
    // 点击特效
    click: {
      enable: true,
      auto: false,
      colors: ['#FF1461', '#18FF92', '#5A87FF', '#FBF38C'],
      size: 10,
      maxCount: 20,
    },
    // 评论输入框表情
    emoji: {
      enable: true,
    },
    // 暗色模式
    darkMode: {
      enable: true,
      autoDark: false,
      autoLight: false,
    },
    // 音乐播放器
    musicPlayer: {
      enable: true,
      page: 'all',
      agent: 'pc',
      autoplay: false,
      volume: 0.4,
      lrc: {
        enable: true, // 启用歌词
        type: 1, // 1 -> 字符串歌词 3 -> url 歌词
        color: '#10ac84', // 颜色
      },
      audio: [
        {
          name: '籠のなか',
          artist: '増田俊郎',
          url: 'http://music.163.com/song/media/outer/url?id=469772.mp3',
          cover: 'https://p1.music.126.net/eGmx8Ief_Ht83WL2Z0GrwA==/5659186348223730.jpg?param=34y34',
          lrc: "[ti:籠のなか][00:00.008] 作曲 : 増田俊郎[00:03.008][纯音乐]红尘沙滚滚，晨曦雾漫漫，方知伊人已相伴[00:07.0]",
        },
      ],
    },
    // 随笔头图
    postTopimage: {
      enable: false,
    },
    // 随笔尾图
    postBottomimage: {
      enable: false,
    },
    // 打赏二维码
    donation: {
      enable: true,
      qrcodes: [],
    },
    // 个性签名
    signature: {
      enable: true,
      contents: ["本来无一物，何处惹尘埃。"],
    },
    // 侧边栏二维码
    qrcode: {
      enable: false,
      img: '',
      desc: '',
    },
    // 弹出公告
    notice: {
      enable: false,
      text: [],
    },
    // 首页列表图
    indexListImg: {
      enable: false,
    },
    // 顶部加载进度条
    topProgress: {
      enable: true,
    },
    // 随笔页尾部签名
    postSignature: {
      enable: true,
      content: [],
      licenseName: '',
      licenseLink: '',
    },
    // 背景图片或颜色
    bodyBackground: {
      enable: true,
      // value: '#2A2A2A',
      value: 'https://image11.m1905.cn/uploadfile/2014/0811/20140811020124647540.jpg',
      opacity: 0.95,
      repeat: false,
    },
    // 弹幕
    barrage: {
      enable: false,
    },
    // 图表
    charts: {
      enable: false,
    },
    // 锁屏
    lock: {
      enable: true,
      background: 'https://obohe.com/i/2021/12/13/1pfsm1.jpg',
      strings: [
          '汩余若將不及兮，恐年歲之不吾與。',
      ],
    },
    //md拟真画笔
    notation: {
    enable: true,
    },
    
    //标签通知
    notice:{
      enable:false,
      text:['🔯双击导航条锁屏'],
    },

    //代码高亮
    highLight: {
      dark: 'atomOneDark',
      light: 'atomOneLight',
    },

    // 自定义链接链接
    links: [
      {
        name: '虚幻之春',
        link: 'https://leetcode-cn.com/problemset/all/',
      },
    ],
  }
  $.awesCnb(opts)
</script>

脚本宝典总结

以上是脚本宝典为你收集整理的Blog主题设置全部内容，希望文章能够帮你解决Blog主题设置所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。