博客园皮肤设置
最初因看到博客园与众不同的博客皮肤而入坑,才发现默认的皮肤都是比较复古的。
后来才找到了大佬BNDong自定义的主题,以及学习了一下设置的方式。
作为一个前端的小白,以此记录。(本文所使用主题为v2.0.4)
皮肤来源:
Github地址:https://github.com/BNDong/Cnblogs-Theme-SimpleMemory
效果预览:https://www.cnblogs.com/bndong
初始化设置:
准备工作
1. 设置 -> JS权限申请
首先要在设置中申请JS权限,大约1小时左右就有结果
2. 选项 -> 勾选“公告”项
据反馈的BUG,需要在选项的侧边栏控件中勾选公告才能正常显示。
基础设置
1. 设置博客皮肤
设置博客皮肤为SimpleMemory
2. 设置页面定制CSS代码
CSS代码位置为:
Cnblogs-Theme-SimpleMemory/src/style/simpleMemory.css
(不同版本可能为不同的文件名)
复制代码至页面定制 CSS 代码中,以及记得勾选禁用模板默认CSS。
3. 设置博客侧边栏公告
<script type="text/javascript">
window.cnblogsConfig = {
info: {
name: 'userName', // 用户名
startDate: '2021-01-01', // 入园时间,年-月-日。入园时间查看方法:鼠标停留园龄时间上,会显示入园时间
avatar: 'http://xxxx.png', // 用户头像
},
}
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.0.4/dist/simpleMemory.js" defer></script>
不同版本的Tips
不同版本的初始化设置可以参见说明文件
Cnblogs-Theme-SimpleMemory/docs/版本号/Docs/GettingStarted/install.md
如:https://github.com/BNDong/Cnblogs-Theme-SimpleMemory/blob/v2/docs/v2/Docs/GettingStarted/install.md
更多设置:
ToDo: