博客园主题美化


前言

虽然之前也搭建过自己的博客网站,但由于不可抗力(懒),仅坚持了几天,便没有写下去了。这次注册博客园,希望能够坚持每天写点东西。
工欲善其事必先利其器,博客园默认的主题样式实在难以接受,查找了些资料,并挑选了SimpleMemory 这款美观简洁的主题。这篇博客主要记录一下更换主题的步骤。效果展示

申请支持js代码权限

进入管理>设置>博客设置>设置,勾选申请js权限,然后填写一下开通的理由等待管理员进行审核通过。

js权限申请

拉取主题代码

进入主题仓库:SimpleMemory拉取最新版本的代码。

拉取主题代码

设置博客皮肤

选择博客皮肤为 SimpleMemory

选择博客主题

页面定制css代码

在拉取的SimpleMemory代码中,将/src/style/base.min.css的内容,拷贝到设置页面的定制css代码中,并勾选禁用模板默认css

博客侧边栏公告

在侧边栏HTML代码中设置以下代码:

<script type="text/javascript">
    window.cnblogsConfig = {
        GhVersions    : 'v1.3.3', // 版本
        blogUser      : "userName", // 用户名
        blogAvatar    : "https://xxxx.png", // 用户头像
        blogStartDate : "2016-11-17", // 入园时间,年-月-日。入园时间查看方法:鼠标停留园龄时间上,会显示入园时间
    }
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.3.3/src/script/simpleMemory.min.js" defer></script>

window.cnblogsConfig有很多的配置项,配置详情见参考文档


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM