博客园主题——awescnb

博客写得好不好无所谓，但是一定要好看......所以折腾了一下博客园的主题（插一句！博客园比CSXX好多了）

这里用的是awescnb,其内部还可以切换多种皮肤，定义各种插件，YYDS！！！！
效果如下：

(本人一开始打开别人的博客园看不到效果，是因为开了 他人头像-->简洁模式 )

教程如下：

1. 申请js权限
2. 按照awescnb官方教程copy代码
3. 根据官方配置进行自定义

• 主要修改页面HTML代码
• 每个配置选项的参数和意义参考作者的说明，作者写的真的很详细！！

作者本人对各种配置的说明
各种皮肤的介绍
Gitee-代码仓库
Github-代码仓库
当然你也可以把项目clone下来，放到自己的托管平台上，然后修改配置里的链接即可！奈何本人不会前端，只想夸一句wocao！

自己改的时候有几点注意：
图片可以上传到博客园相册里，再引用
awescnb貌似gitee图标有BUG，只能用Github的图标

<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
  const opts = {
    theme: {
      name: 'geek',
      avatar: 'https://pic.cnblogs.com/avatar/2891632/20220528213746.png',
      headerBackground: 'https://images.cnblogs.com/cnblogs_com/blogs/754659/galleries/2168363/o_220529074630_e3ea3e69ac53eed40fc5bbec5604309ba531434d.jpg'
    },
    // live2d模型
    live2d: {
      enable: true,
      model: 'haru-02',
    },
    signature: {
      enable: false,
      contents: [
        "<b>欢迎来到Alan's Blog😉</b>",
      ],
    },
    // 代码高亮
    highLight: {
      enable: false,
    },
    // 代码行号
    lineNumbers: {
      enable: false,
    },
    // github图标
    github: {
      enable: false,
      url: 'https://gitee.com/alan_jiang9527',
    },
    gitee: {
      enable: true,
      color: '#C71D23',
      url: 'https://gitee.com/alan_jiang9527',
    },

    // 图片灯箱
    imagebox: {
      enable: true,
    },
    // 文章目录
    catalog: {
      enable: true,
    },
    // 右下角按钮组
    tools: {
      enable: true,
    },

    // 点击特效
    click: {
      enable: false,
    },
    // 评论输入框表情
    emoji: {
      enable: true,
    },
    // 暗色模式
    darkMode: {
      enable: true,
      autoDark: true,
      autoLight: false
    },
    // 音乐播放器
    musicPlayer: {
      enable: false,
      page: 'all',
      agent: 'pc',
      autoplay: false,
      volume: 0.4,
      lrc: {
        enable: false, // 启用歌词
        type: 1, // 1 -> 字符串歌词 3 -> url 歌词
        color: '', // 颜色
      },
      audio: [
        {
          name: '404 not found',
          artist: 'REOL',
          url: 'https://guangzan.gitee.io/imagehost/awescnb/music/demo4.mp3',
          cover: 'https://guangzan.gitee.io/imagehost/awescnb/music/demo.jpg',
          lrc: ``,
        },
      ],
    },
    // 随笔头图
    postTopimage: {
      enable: true,
    },
    // 随笔尾图
    postBottomimage: {
      enable: false,
    },
    // 打赏二维码
    donation: {
      enable: false,
      qrcodes: [],
    },
    // 侧边栏二维码
    qrcode: {
      enable: false,
      img: '',
      desc: '',
    },
    // 弹出公告
    notice: {
      enable: false,
      text: [],
    },
    // 首页列表图
    indexListImg: {
      enable: false,
    },
    // 顶部加载进度条
    topProgress: {
      enable: true,
    },
    // 随笔页尾部签名
    postSignature: {
      enable: true,
      content: [],
      licenseName: '',
      licenseLink: '',
    },
    // 背景图片或颜色
    bodyBackground: {
      enable: false,
      value: '',
      opacity: 0.9,
      repeat: false,
    },
    // 弹幕
    barrage: {
      enable: false,
    },
    // 图表
    charts: {
      enable: false,
    },
    // 锁屏
    lock: {
      enable: false,
    },
    // 自定义链接链接
    // links: [
    //   {
    //     name: 'SleepyOcean官方网站',
    //     link: 'https://blog.sleepyocean.cn',
    //   },
    // ],
  }
  $.awesCnb(opts)