silence 主题

silence 主题特点：

• 界面简洁优雅，专注阅读
• 响应式网页设计，轻量级，响应快
• 代码简单且可高度定制
• 支持多种色彩主题
• 支持日间/夜间模式
• 支持自定义导航栏菜单项
• 支持悬浮标题目录
• 支持生成文章版权签名
• 提供赞赏功能

相对于其它一些酷炫的主题，silence 主题简约的样式更适合技术类文章，但是它的原部署文档过于简单，对于亲手不太友好。

开源地址：https://github.com/esofar/cnblogs-theme-silence

效果预览地址：https://www.cnblogs.com/esofar

主题配置步骤

配置的前提是已开通博客账号，并已申请开通 JS 权限。

1. 下载源码包到本地

可通过 git clone 命令下载源码到本地，也可手动下载 zip 源码包到本地

git clone https://github.com/esofar/cnblogs-theme-silence.git // 克隆代码
# cd cnblogs-theme-silence // 进入目录
# npm install // 安装依赖
# npm start // 本地调试
# npm run build // 编译生成

# 若执行 npm install 报错，可能有两种情况：未安装 npm；已安装 npm 但外网网络不通
# 使用 taobao 镜像安装
# npm install --registry=https://registry.npm.taobao.org

2. 配置 js 和 css 到博客园

• 将下载的源码包解压，进入 dist 目录，找到 silence.min.css 和 silence.min.js 文件
• 进入博客园『管理』-『文件』，上传 silence.min.js 文件，并获取上传后的 URL 地址，如 https://blog-static.cnblogs.com/files/blogs/715217/silence.min.js

• 进入『博客园』-『管理』-『设置』：（记得每设置一项内容，就保存一次）
  • 使用记事本打开 silence.min.css 文件，复制其中所有代码到「页面定制CSS代码」文本域中
  • 在「博客侧边栏公告」文本域中添加如下 script 脚本：(其中 src 的值就是上面