自定义博客园cnblog主题样式Ⅱ（SimpleMemory）

2024-02-04 12:00:46

Outline

之前捣鼓了下自定义博客园主题样式，顺手记录了下：
https://www.cnblogs.com/bigtreei/p/8450686.html

看了下留言评论，有不少小伙伴感觉我当前这个主题样式还不错，也想设置下；

我这个主题是github上一个开源主题：https://github.com/BNDong/Cnblogs-Theme-SimpleMemory
想深度定制化的可以去研究下。

这里简单记录下怎么设置、应用这个主题。

后台设置概览

管理-->设置

管理-->选项

确保勾选了 “公告” 这一项，其他的根据自己需求来。

GitHub主题仓库

选择主题样式版本：https://github.com/BNDong/Cnblogs-Theme-SimpleMemory

选择一个你想要用的版本（建议选择最新版本）

博客具体设置

设置皮肤

管理-->设置-->博客皮肤-->SimpleMemory

设置代码高亮

设置页面定制CSS代码

CSS代码位置：
https://github.com/BNDong/Cnblogs-Theme-SimpleMemory/blob/v2/dist/simpleMemory.css （注意选择你所需版本）

将代码copy到输入框，同时勾选 “禁用模板默认CSS ”

设置博客侧边栏公告

在侧边栏公告选项HTML输入框输入：

<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.7/dist/simpleMemory.js" defer></script>

更多细节定制可以到github仓库查看，这里不做赘述（github文档里写的很详细）

至此，点击 “保存”并且发布，新皮即可生效。

（这款主题真的很赞，希望大家可以支持开源作者，多给Star~~）

码农公寓