专 注 于 阅 读 的 博 客 园 主 题 silence
2021/8/19 23:36:03
本文主要是介绍专 注 于 阅 读 的 博 客 园 主 题 silence,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
官网地址
Silence - 专注于阅读的博客园主题
部署之前请先确认您的博客园账号已正常登陆,并且已联系管理员成功申请开通了 JS 权限。然后进入博客后台「设置」Tab页中完成下列配置。
获取库文件
因为该主题在 Github 上开源,故可以直接使用 jsDelivr 提供的免费 CDN 服务。
https://cdn.jsdelivr.net/gh/esofar/cnblogs-theme-silence@3.0.0-beta3/dist/silence.min.css https://cdn.jsdelivr.net/gh/esofar/cnblogs-theme-silence@3.0.0-beta3/dist/silence.min.js
注意
@3.0.0-beta3
是需要使用的版本号,目前发行版本请参见 releases,建议使用最新版本。
配置 CSS
在「页面定制 CSS 代码」处,将上述获取的 CSS 样式文件外链通过浏览器打开,然后将代码全部粘贴到这里。
配置 JS
在「博客侧边栏公告」处,配置用户选项并加载 JS 脚本文件。window.$silence
取值请参见 配置选项。
配置 Loading
在「页首 HTML 代码」处,从下面选择一种风格的 HTML 代码粘贴到这里。
- 亮色风格
<div class="light-loading"> <div class="box"> <h2>Loading</h2> <span></span><span></span><span></span><span></span><span></span><span></span><span></span> </div> </div>
- 暗色风格
<div class="dark-loading"> <div class="box"> <h2>Loading</h2> <span></span><span></span><span></span><span></span><span></span><span></span><span></span> </div> </div>
为了避免因网络不好等情况导致页面加载卡顿,造成不好的用户体验,给页面添加 Loading 效果还是非常有必要的。
其他配置
- 「标题」处设置博客标题,注意不支持显示「子标题」。
- 「博客皮肤」处选择标准模板
Custom
。
- 「禁用模板默认CSS」需要打对勾。
这篇关于专 注 于 阅 读 的 博 客 园 主 题 silence的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-07-03微信支付提示下单账户与支付账户不一致-icode9专业技术文章分享
- 2024-07-03微信支付提示订单号重复-icode9专业技术文章分享
- 2024-07-02微服务启动nacos注册上去了,但是一直没有收到请求-icode9专业技术文章分享
- 2024-07-02如何检查文件的编码格式-icode9专业技术文章分享
- 2024-07-02sublime 更改编码格式-icode9专业技术文章分享
- 2024-06-30uniAPP 实现全屏左右滚动滚动的效果-icode9专业技术文章分享
- 2024-06-30如何在本地使用授权或插件-icode9专业技术文章分享
- 2024-06-30伪静态规则配置方法汇总-icode9专业技术文章分享
- 2024-06-29易优CMS安装常见问题汇总-icode9专业技术文章分享
- 2024-06-28易优新手必读安装教程-icode9专业技术文章分享