博客园 SimpleMemory 皮肤设置

SimpleMemory 皮肤

GitHub项目地址：https://github.com/BNDong/Cnblogs-Theme-SimpleMemory
博客园地址：https://www.cnblogs.com/BNDong

github上版本有很多，我自己配置的是v2.1.0版本的，以前配的是v.1.3.2版本，最好是配置最新版本的，因为新版本的兼容性比较好，而且功能相对来说肯定是有优化的。而且，之前v1.3.2版本的我配置完之后有bug，侧边栏隐藏到了底部。

第一步：
开通博客园账号并且开通博客园后台设置的JS权限。

第二步：
去大佬的SimpleMemory 的GitHub地址，找到dist文件夹点进去，复制一下simpleMemory.css里的内容，然后把内容粘贴到页面定制CSS代码的文本框内，选择禁用模板默认CSS。（这里是根据版本不同来选择的，v2点多版本作者是把css，js主题文件都放在了dist，方便用户使用，v.1.3多版本是在其他文件夹下的）

第三步：
在博客侧边栏公告设置的文本框内，添加上一下几行代码，格式为html格式，注意，里面的js文件引入也是根据版本来引入的，v2点多版本js引入地址是https://cdn.jsdelivr.net/gh/BNDong 后面+ Cnblogs-Theme-SimpleMemory@版本号 + 作者博客simpleMemory.js文件所在的目录,
例如v2.1.0版本的地址是：
https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.1.0/dist/simpleMemory.js

<script type="text/javascript">
    window.cnblogsConfig = {
        info:{
            name      : "", // 用户名
            avatar    : "", // 用户头像
            startDate : "", // 入园时间，年-月-日。入园时间查看方法：鼠标停留园龄时间上，会显示入园时间
        },
    }
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.1.0/dist/simpleMemory.js" defer></script>

第四步：
其他的页首页脚的html代码设置我没有设置，直接为空，其实到了第三步就已经可以了，点击保存，就可以看到自己的博客发生了大变化。第三步里的
window.cnblogsConfig配置可以读者自己根据喜好去配置，作者也有对应的SimpleMemory文档给大家。

文档地址是：https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v2/#/Docs/Customization/config

第五步：
保存完之后就可以去博客首页查看自己的效果图啦~
首页效果图