博客园皮肤设置

最初因看到博客园与众不同的博客皮肤而入坑,才发现默认的皮肤都是比较复古的。
后来才找到了大佬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:

posted @ 2021-06-28 10:43  类囊体薄膜  阅读(184)  评论(3编辑  收藏  举报