基础设置

页面定制CSS

/*鼠标指针*/
body {
    cursor: url('https://files-cdn.cnblogs.com/files/miluluyo/cursora.ico'), auto;
    /*https://blog-static.cnblogs.com/files/lucas--liu/cat6.ico
    https://files-cdn.cnblogs.com/files/miluluyo/cursora.ico*/
}

页首html

<!--鼠标点击特效 -->
<script type="text/javascript">
var a_idx = 0;
jQuery(document).ready(function($) {
    $("body").click(function(e) {
        var a = new Array("❤富强❤","❤民主❤","❤文明❤","❤和谐❤","❤自由❤","❤平等❤","❤公正❤","❤法治❤","❤爱国❤","❤敬业❤","❤诚信❤","❤友善❤");
        var $i = $("<span></span>").text(a[a_idx]);
        a_idx = (a_idx + 1) % a.length;
        var x = e.pageX,
        y = e.pageY;
        $i.css({
            "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
            "top": y - 20,
            "left": x,
            "position": "absolute",
            "font-weight": "bold",
            "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
        });
        $("body").append($i);
        $i.animate({
            "top": y - 180,
            "opacity": 0
        },
        1500,
        function() {
            $i.remove();
        });
    });
});
</script>

页脚（主要）

<!-- @format -->

<!--<script src="https://guangzan.gitee.io/awescnb/index.js"></script>-->
<script src="https://blog-static.cnblogs.com/files/guangzan/loader.min.js"></script>
<script>
  const opts = {
    // 基本配置
    theme: {
      name: 'geek', //'reacg' 'geek' 'silence'
      color: '#FFB3CC',
      title: '66title',
      avatar: 'https://images.cnblogs.com/cnblogs_com/blogs/680427/galleries/1966059/o_220522025108_headimg.jpg',
      favicon: 'https://images.cnblogs.com/cnblogs_com/blogs/680427/galleries/1966059/o_221102071530_9658683_bikini_bra_swimsuit.png',
      headerBackground: 'https://files.dbnuo.com/wallpaper/wallhaven-83w372.webp',
    },
    // 代码高亮
    highLight: {
      enable: true,
    },
    // 代码行号
    lineNumbers: {
      enable: true,
    },
    // github图标
    github: {
      enable: true,
      color: '#ffb3cc',
      url: 'https://github.com/yub4by',
    },
    // 码云图标
    gitee: {
      enable: true,
      color: '#C71D23',
      url: 'https://gitee.com/yub4by',
    },
    // 图片灯箱
    imagebox: {
      enable: true,
    },
    // 文章目录
    catalog: {
      enable: true,
      position: 'left',
    },
    // 右下角按钮组
    tools: {
      enable: true,
      initialOpen: true,
    },
    // live2d模型
    live2d: {
      enable: true,
      model: 'haru-01',
    },
    // 点击特效
    click: {
      enable: true,
      auto: false,
	    colors: ['#FF1461', '#18FF92', '#5A87FF', '#FBF38C'],
	    size: 30,
	    maxCount: 50,
    },
    // 评论输入框表情
    emoji: {
      enable: true,
    },
    // 暗色模式
    darkMode: {
      enable: true,
      autoDark: false,
      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,
      imgs: [
      	'https://guangzan.gitee.io/imagehost/awescnb/images/anime/22.jpg',
      	'https://guangzan.gitee.io/imagehost/awescnb/images/anime/22.jpg',
      ],
    },
    // 随笔尾图
    postBottomimage: {
      enable: true,
      imgs: [
      	'https://guangzan.gitee.io/imagehost/awescnb/images/anime/22.jpg',
      	'https://guangzan.gitee.io/imagehost/awescnb/images/anime/22.jpg',
      ],
    },
    // 打赏二维码
    donation: {
      enable: true,
      qrcodes: [
        'https://images.cnblogs.com/cnblogs_com/blogs/680427/galleries/1966059/o_220522030359_wechatpay.jpg',
        'https://images.cnblogs.com/cnblogs_com/blogs/680427/galleries/1966059/o_220522030351_alipay.jpg'
      ],
    },
    // 个性签名
    signature: {
      enable: true,
      contents: [
        "This theme is built with <b style='color:#ff6b81'>awescnb</b>.",
        "<b>console.log(??);</b>",
      ],
    },
    // 侧边栏二维码
    qrcode: {
      enable: true,
      img: 'https://images.cnblogs.com/cnblogs_com/blogs/680427/galleries/1966059/o_220522030351_alipay.jpg',
      desc: '微信公众号',
    },
    // 弹出公告
    notice: {
      enable: true,
      text:['??双击导航条锁屏','??快去自定义通知吧'],
    },
    // 首页列表图
    indexListImg: {
      enable: true,
      imgs: [
      	'https://guangzan.gitee.io/imagehost/awescnb/images/anime/22.jpg',
      	'https://guangzan.gitee.io/imagehost/awescnb/images/anime/22.jpg',
      ],
    },
    // 顶部加载进度条
    topProgress: {
      enable: false,
    },
    // 随笔页尾部签名
    postSignature: {
      enable: true,
      enableLicense: true,
      content: ['这是一条自定义内容', '这是一条自定义内容'],
      licenseName: '',
      licenseLink: '',
    },
    // 背景图片或颜色
    bodyBackground: {
      enable: true,
      value: 'https://guangzan.gitee.io/imagehost/awescnb/images/anime/22.jpg',
      opacity: 0.9,
      repeat: false,
    },
    // 弹幕
    barrage: {
      enable: false,
    },
    // 图表
    charts: {
      enable: true,
      labels: [
        'Vue',
        'React',
        'Flutter',
        'Java',
        'NodeJs',
        'TypeScript',
        'CSS',
      ],
      datasets: [
        {
          label: 'My First Chart',
          data: [65, 59, 90, 81, 56, 55, 40],
          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: 'My Second Dataset',
          data: [28, 48, 40, 19, 96, 27, 100],
          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: true,
      background: 'https://cdn.jsdelivr.net/gh/yaosir0317/[email protected]/img/t1.jpg',
      strings: [
          '<i>一点真如本心</i>',
          '<i>九分人间烟火</i>',
      ],
    },
    // 自定义链接链接
    links: [
      {
        name: 'Unixcs',
        link: 'https://unixcs.cnblogs.com/',
      },
      {
      	name: 'MARS',
      	link: 'http://h4ck.org.cn/',
      },
      {
      	name: 'NSOAS',
      	link: 'https://osdds.nsoas.org.cn/',
      },
      {
      	name: 'USGS',
      	link: 'https://www.usgs.gov/',
      },
      {
      	name: 'NASA',
      	link: 'https://www.nasa.gov/',
      },
      {
      	name: 'GSCloud',
      	link: 'http://www.gscloud.cn/',
      },
      {
      	name: 'Apply',
      	link: 'https://msg.cnblogs.com/send/yub4by',
      },
    ],
  }
  $.awesCnb(opts)
</script>