博客园基本美化之Cnblogs-Theme-SimpleMemory

本主题需要JS权限,没有的请先申请权限

进入管理后台 设置

当前页面所涉及的配置有:

博客皮肤
页面定制CSS代码
禁用模板默认CSS
博客侧边栏公告
页脚Html代码

1.后台-选项中打开公告

获取需要使用的版本

github:https://github.com/BNDong/Cnblogs-Theme-SimpleMemory

设置页面定制CSS代码
CSS代码位置:/dist/simpleMemory.css 拷贝此文件代码至页面定制CSS代码文本框处。

禁用模板默认CSS
选中页面定制CSS代码文本框下面的禁用模板默认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.4/dist/simpleMemory.js" defer></script>

侧边栏其余添加请参考: https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v2/#/Docs/Customization/config
更多参考:https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v2/#/

posted @ 2021-07-26 17:15  G0mini  阅读(1009)  评论(0编辑  收藏  举报