博客园主题样式，添加背景音乐，鼠标点击等样式设置

本文链接：https://blog.youkuaiyun.com/lwkliuwenkang/article/details/130723979

1)、博客园主题样式设置

1.1)、主题文档及地址

Silence - 专注于阅读的博客园主题 (esofar.github.io)

1.2)、获取文件

https://fastly.jsdelivr.net/gh/esofar/cnblogs-theme-silence@3.0.0-rc2/dist/silence.min.css
https://fastly.jsdelivr.net/gh/esofar/cnblogs-theme-silence@3.0.0-rc2/dist/silence.min.js

1.3)、配置CSS

将上面获取到的css代码复制拷贝到【管理>设置>页面定制CSS代码】，注意：禁用模板默认CSS需要勾上
在这里插入图片描述

1.4)、配置JS

将上面的JS文件地址引用到【管理>设置>页脚HTML代码】
　在这里插入图片描述

1.5)、配置Loading

将以下代码复制到【管理>设置>页首HTML代码】
在这里插入图片描述

<div class="loading">
  <div class="box">
    <h2>Loading</h2>
    <span></span><span></span><span></span><span></span><span></span><span></span><span></span>
  </div>
</div>

1.6)、其他配置

【管理>设置>基本设置】中博客皮肤选择Custom，【管理>设置>代码高亮】中渲染引擎设置highlight.js如下
在这里插入图片描述

1.7)、个性化配置

在这里插入图片描述

<script>
        //配置说明
        //https://esofar.github.io/cnblogs-theme-silence/#/options
        window.$silence = {
   
            avatar: '',//博客头像
            //该配置项用来设置默认加载的主题模式,'light'：日间模式，'dark'：夜间模式，'auto'：自动模式
            //自动模式会根据当前时间自行选择日间或夜间模式：早上 6 点至晚上 6 点前加载日间模式，晚上 6 点至次日早上 6 点前加载夜间模式。
            defaultMode: 'auto',
            //该配置项用来设置默认加载的主题色彩
            defaultTheme: 'a',
            //该配置项用来控制是否显示导航栏中的「管理」菜单项。
            showNavAdmin: true,
            github: ''