博客园主题美化-silence简约风格
作者:互联网
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