使用大神项目:cnblogs-theme-silence
此项目专门为博客园主题而写,超级好看,超级简洁!!!
效果如下:
虽然项目很好,但是不知道为啥文档上不写怎么具体怎么用,对于我这种小白,自然是花了一点时间才搞出来。
参考部署指南
进入博客园设置:设置
页面定制CSS代码:
当前最新版本是:
所以我们的需要把@3.0.0-beta3改成@3.0.0-beta4
也就是此地址https://cdn.jsdelivr.net/gh/esofar/cnblogs-theme-silence@3.0.0-beta4/dist/silence.min.css 复制页面的代码,粘贴到页面定制 CSS 代码。
注意开启申请开通 JS 权限。
<script>
window.$silence = {
// ...
};
</script>
<script src="https://cdn.jsdelivr.net/gh/esofar/cnblogs-theme-silence@3.0.0-beta4/dist/silence.min.js"></script>
注意上面的js我用的也是@3.0.0-beta4哦。
<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>
页脚HTML代码,不用设置
点击保存。大功告成!!
我配置成功后的效果:一个随笔
更新:
我吐了,作者写配置文档了,部署指南
说一下配置js,在配置选项里有好多选项比如我配置的js:
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/195939.html