博客园主题皮肤（awescnb 主题）

参考资料

参考博客：https://www.cnblogs.com/Roboduster/articles/16625594.html
安装步骤：https://guangzan.gitee.io/awescnb-docs/

使用"推荐安装"和“推荐版本（geek）”安装

主题设置

主题颜色：https://www.sioe.cn/yingyong/yanse-rgb-16/
背景图片：https://wallhaven.cc/

侧边栏

<!-- @format -->
 
<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
  const opts = {
    // 基本配置
    theme: {
      name: 'geek',
      //color: '#FFB3CC',
      color: '#00CED1',
      title: 'Clivia Du',
      // 头像
      avatar: 'https://pic.cnblogs.com/avatar/1551949/20230307220029.png',
      favicon: 'https://pic.cnblogs.com/avatar/1551949/20230307220029.png',
      // 背景图片
      headerBackground: 'https://w.wallhaven.cc/full/zy/wallhaven-zygeko.jpg',
    },
    // 代码高亮
    highLight: {
      enable: true,
    },
    // 代码行号
    lineNumbers: {
      enable: true,
    },
    // github图标
    github: {
      enable: false,
      url: '',
    },
    // 码云图标
    gitee: {
      enable: false,
      url: '',
    },
    // 图片灯箱
    imagebox: {
      enable: true,
    },
    // 文章目录
    catalog: {
      enable: true,
      position:'left'
    },
    // 右下角按钮组
    tools: {
      enable: true,
    },
    // live2d模型
    live2d: {
      enable: true,
      model: 'haru-01',//2022-09-02
      //model: '伊芙加登',
    },
    // 点击特效
    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: '啤酒',
              },
              {
                  value: '(=・ω・=)',
                  label: '',
              },
              {
                  value: '(｀・ω・´)',
                  label: '',
              },
              {
                  value: '(°∀°)ﾉ',
                  label: '',
              },
              {
                  value: '←_←',
                  label: '',
              },
              {
                  value: '→_→',
                  label: '',
              },
              {
                  value: 'Σ(ﾟдﾟ;)',
                  label: '',
              },
              {
                  value: '(｡･ω･｡)',
                  label: '',
              },
              {
                  value: '(-_-#)',
                  label: '',
              },
          ]
      },
    // 暗色模式
    darkMode: {
      enable: true,
      autoDark: false,
      autoLight: false,
    },
    // 音乐播放器
    musicPlayer: {
      enable: true,
      //page: 'all',
      agent: 'pc',
      autoplay: false,
      volume: 0.4,
      lrc: {
        enable: false, // 启用歌词
        type: 1, // 1 -> 字符串歌词 3 -> url 歌词
        color: '', // 颜色
      },
      audio: [ 
        {
          name: '尚好的青春',
          artist: '孙燕姿',
          url: 'http://music.163.com/song/media/outer/url?id=28283346.mp3',
          cover: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.6Pq403ztOl8kpOe3IxAYfAAAAA?w=143&h=180&c=7&r=0&o=5&dpr=1.1&pid=1.7',
          lrc: ``,
        },
        {
          name: '种',
          artist: '孙燕姿',
          url: 'https://sm-sycdn.kuwo.cn/eb810ce3d159a08be34e4400bd12f7f0/631224fc/resource/n2/58/86/3142551252.mp3',
          cover: 'https://tse2-mm.cn.bing.net/th/id/OIP-C.ie2gOojO7eppE9xgy73ksAHaKB?w=126&h=180&c=7&r=0&o=5&dpr=1.3&pid=1.7',
          lrc: ``,
        },
        {
          name: '克卜勒',
          artist: '孙燕姿',
          url: 'http://music.163.com/song/media/outer/url?id=28196001.mp3',
          cover: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.6Pq403ztOl8kpOe3IxAYfAAAAA?w=143&h=180&c=7&r=0&o=5&dpr=1.1&pid=1.7',
          lrc: ``,
        },
      ],
    },
    // 随笔头图
    postTopimage: {
      enable: true,
    },
    // 随笔尾图
    postBottomimage: {
      enable: false,
    },
    // 打赏二维码
    donation: {
      enable: false,
      qrcodes: [],
    },
    // 个性签名
    signature: {
      enable: true,
      contents: [ "<b style='color:#ff6b81'>久炼成器</b>.",
                 "<b style='color:#ff6b81'>Life may be hard.Don't leave regrets</b>."
                ],
    },
    // 侧边栏二维码
    qrcode: {
      enable: false,
      img: '',
      desc: '',
    },
    // 弹出公告
    notice: {
      enable: false,
      text: [],
    },
    // 首页列表图
    indexListImg: {
      enable: false,
    },
    // 顶部加载进度条
    topProgress: {
      enable: false,
    },
    // 随笔页尾部签名
    postSignature: {
      enable: true,
      content: [],
      licenseName: '',
      licenseLink: '',
    },
    // 背景图片或颜色
    bodyBackground: {
      enable: true,
      value: '	#B0C4DE',
      opacity: 0.90,
      repeat: false,
    },
    // 弹幕
    barrage: {
      enable: false,
    },
    // 图表
   charts: {
      enable: false,
      labels: [
        'Robotics',
        'Computer System',
        'Artificial Intelligence',
        'Electronic & Control',
        'Engineering & Life',
        'Programming',
        'Network Security',
      ],
      datasets: [
        {
          label: 'Interested',
          data: [95, 85, 80, 60, 90, 80, 50],
          fill: true,
          backgroundColor: 'rgba(255, 99, 132, 0.2)',
          borderColor: 'rgb(255, 99, 132)',
          pointBackgroundColor: 'rgb(255, 99, 132)',
          pointBorderColor: '#fff',
          pointHoverBackgroundColor: '#fff',
          pointHoverBorderColor: 'rgb(255, 99, 132)',
        },
        {
          label: 'Ability',
          data: [70, 80, 60, 30, 60, 70, 30],
          fill: true,
          backgroundColor: 'rgba(54, 162, 235, 0.2)',
          borderColor: 'rgb(54, 162, 235)',
          pointBackgroundColor: 'rgb(54, 162, 235)',
          pointBorderColor: '#fff',
          pointHoverBackgroundColor: '#fff',
          pointHoverBorderColor: 'rgb(54, 162, 235)',
      },
     ],
},
    // 锁屏
    lock: {
      enable: false,
    },
    // 自定义链接链接
    links: [
      {
        name: 'Github: linzhifen5',
        link: 'https://github.com/linzhifen5?tab=repositories',
      },
      {
        name: 'Gitee: linzhifen5',
        link: 'https://gitee.com/linzhifen5/projects',
      }
    ],
  }
  $.awesCnb(opts)
</script>