2023年了，快去给你的博客加上一个主题吧~

男娘i 2023-10-10 00:19 13阅读 0赞

> 最近闲逛github，发现了一个不错的博客主题，分享给大家。
> 
> 这个主题主要是用于博客园的个人主页美化用的。
> 
> 主题地址：[Silence - 专注于阅读的博客园主题][Silence -]

![a8bd6ea9ee784d72b625cfd2fff33dbb.png][]

**目录**

一、获取文件

（1）样式文件

（2）脚本文件

二、配置CSS

三、配置JS

四、配置加载样式

五、其它配置

六、我的配置

七、效果预览

--------------------

## 一、获取文件 ##

### （1）样式文件 ###

[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.css]

### （2）脚本文件 ###

[https://fastly.jsdelivr.net/gh/esofar/cnblogs-theme-silence@3.0.0-rc2/dist/silence.min.js][https_fastly.jsdelivr.net_gh_esofar_cnblogs-theme-silence_3.0.0-rc2_dist_silence.min.js]

## 二、配置CSS ##

> 注意：「禁用模板默认CSS」需要勾选。

![98fd6d197617b4dc04da90787e187f51.png][]

## 三、配置JS ##

![b538f0334796382f14477552a53c8889.png][]

## 四、配置加载样式 ##

> 将如下代码粘贴到「页首 HTML 代码」处。

![17fe9200c29755e967ae89a1d54b73f8.png][]

<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>

## 五、其它配置 ##

> 【基本设置」栏中，「博客标题」处设置博客名称，默认不支持显示「博客子标题」，「博客皮肤」处需要选择标准模板`Custom`。

![b9b0e521f0b3f58fb0998c5958e813dd.png][]

> 「代码高亮」栏中，「渲染引擎」选择highlight.js，「显示行号」不要勾选，「主题样式」选择cnblogs。

![031a14be617f2563c4b445ce2fa77d99.png][]

## 六、我的配置 ##

> 这个配置我当前使用的配置，你需要把放在【页脚HTML处】。

> 选项配置

## ![954c2bb14a40461da9b81362584f2488.png][] ##

## 七、效果预览 ##

> 配置出来整体效果还是蛮不错的，感兴趣的小伙伴赶快可以动手试试吧。
> 
> 我的博客链接：[https://www.cnblogs.com/YangRoc/][https_www.cnblogs.com_YangRoc]

![c71670d35634410fb10218635337eaf1.png][]

[Silence -]: https://esofar.github.io/cnblogs-theme-silence/#/
[a8bd6ea9ee784d72b625cfd2fff33dbb.png]: https://img-blog.csdnimg.cn/a8bd6ea9ee784d72b625cfd2fff33dbb.png
[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.css
[https_fastly.jsdelivr.net_gh_esofar_cnblogs-theme-silence_3.0.0-rc2_dist_silence.min.js]: https://fastly.jsdelivr.net/gh/esofar/cnblogs-theme-silence@3.0.0-rc2/dist/silence.min.js
[98fd6d197617b4dc04da90787e187f51.png]: https://img-blog.csdnimg.cn/img_convert/98fd6d197617b4dc04da90787e187f51.png
[b538f0334796382f14477552a53c8889.png]: https://img-blog.csdnimg.cn/img_convert/b538f0334796382f14477552a53c8889.png
[17fe9200c29755e967ae89a1d54b73f8.png]: https://img-blog.csdnimg.cn/img_convert/17fe9200c29755e967ae89a1d54b73f8.png
[b9b0e521f0b3f58fb0998c5958e813dd.png]: https://img-blog.csdnimg.cn/img_convert/b9b0e521f0b3f58fb0998c5958e813dd.png
[031a14be617f2563c4b445ce2fa77d99.png]: https://img-blog.csdnimg.cn/img_convert/031a14be617f2563c4b445ce2fa77d99.png
[954c2bb14a40461da9b81362584f2488.png]: https://img-blog.csdnimg.cn/954c2bb14a40461da9b81362584f2488.png
[https_www.cnblogs.com_YangRoc]: https://www.cnblogs.com/YangRoc/
[c71670d35634410fb10218635337eaf1.png]: https://img-blog.csdnimg.cn/c71670d35634410fb10218635337eaf1.png