关于我的博客园设置

设置：

页面定制CSS代码

禁用模板默认CSS

#loading{background:#151728;overflow:hidden;position:fixed;right:0;top:0;bottom:0;left:0;z-index:99999}#load{position:absolute;width:600px;height:36px;left:50%;top:40%;margin-left:-300px;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}#load div{position:absolute;width:20px;height:36px;opacity:0;font-family:Helvetica,Arial,sans-serif;animation:move 2s linear infinite;-o-animation:move 2s linear infinite;-moz-animation:move 2s linear infinite;-webkit-animation:move 2s linear infinite;transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);color:#35c4f0}#load div:nth-child(2){animation-delay:.2s;-o-animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-delay:.2s}#load div:nth-child(3){animation-delay:.4s;-o-animation-delay:.4s;-webkit-animation-delay:.4s;-webkit-animation-delay:.4s}#load div:nth-child(4){animation-delay:.6s;-o-animation-delay:.6s;-moz-animation-delay:.6s;-webkit-animation-delay:.6s}#load div:nth-child(5){animation-delay:.8s;-o-animation-delay:.8s;-moz-animation-delay:.8s;-webkit-animation-delay:.8s}#load div:nth-child(6){animation-delay:1s;-o-animation-delay:1s;-moz-animation-delay:1s;-webkit-animation-delay:1s}#load div:nth-child(7){animation-delay:1.2s;-o-animation-delay:1.2s;-moz-animation-delay:1.2s;-webkit-animation-delay:1.2s}@keyframes move{0%{left:0;opacity:0}35%{left:41%;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);opacity:1}65%{left:59%;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);opacity:1}100%{left:100%;-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0}}@-moz-keyframes move{0%{left:0;opacity:0}35%{left:41%;-moz-transform:rotate(0deg);transform:rotate(0deg);opacity:1}65%{left:59%;-moz-transform:rotate(0deg);transform:rotate(0deg);opacity:1}100%{left:100%;-moz-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0}}@-webkit-keyframes move{0%{left:0;opacity:0}35%{left:41%;-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}65%{left:59%;-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}100%{left:100%;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0}}@-o-keyframes move{0%{left:0;opacity:0}35%{left:41%;-o-transform:rotate(0deg);transform:rotate(0deg);opacity:1}65%{left:59%;-o-transform:rotate(0deg);transform:rotate(0deg);opacity:1}100%{left:100%;-o-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0}}

页首

<div id="loading">
  <div id="load">
    <div>A</div>
    <div>B</div>
  </div>
</div>

页脚

<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
  const opts = {
    theme: {//主题
      name: 'geek',//reacg//bili//geek//后边这几个注释都是一种主题，都可以试试
      color: 'rgb(1,124,245)',
      url: "https://acnblogs.gitee.io/acnb-theme-geek/index.iife.js",
      avatar: "https://cdn.luogu.com.cn/upload/image_hosting/v1hh2lra.png", 
      headerBackground: "https://cdn.luogu.com.cn/upload/image_hosting/uw4yk015.png",
    },
    github: {
      enable: true,
      url: '',
    },
    click: {//鼠标点击效果
      enable: true,
      auto: false,
      colors: [],
      size: 23,
      maxCount: 16,
    },
    lock: {
      enable : true,
    },
    musicPlayer: {//网易云
        enable: true,
        autoplay: false,
        lrc: {
            enable: true,        // 启用歌词
            type: 1,             // 歌词类型  1 -> 字符串 3 -> url
            color: '#30ac84',    // 颜色
        },
        audio: [
          // {
          //     title: '',
          //     author: '',
          //     url: 'http://music.163.com/song/media/outer/url?id=(here).mp3',
          //     pic: '',
          //     lrc: ''
          // },
        ]
    },
    imagebox: {
      enable: true,
    },
    darkMode: {//深色模式
      enable: true,
      darkDefault: true,
      autoDark: false,
      autoLight: false,
    },
    catalog: {
      enable: true,
      position: 'right',
    },
    bodyBackground: {//背景
      enable: true,
      value: 'https://cdn.luogu.com.cn/upload/image_hosting/sig0o9ba.png',
      opacity: 0.8,
      repeat: false,
    },
    signature: {
      enable: true,
      contents: [
        "<b style='color:rgb(1, 148, 255)'>一切奇迹的起始点</b>",
        "<b style='color:rgb(1, 148, 255)'>与你的日常，便是奇迹</b>",
      ],
    },
    links: {
      enable: true,
      value: [
        {
          name: "luogu",
          link: "https://www.luogu.com.cn/user/1642068",
        },
        {
          name: "OJ",
          link: "https://h.hszxoj.com/d/hztg/user/435",
        },
        {
          name:"graph_editor",
          link: "https://csacademy.com/app/graph_editor/",
        }
      ],
    },
  };
  $.awesCnb(opts);
</script>