关于本博客样式

目录

• 1 前言
• 2 安装配置
  • 2.1 设置
  • 2.2 选项
• 3 博客设置
  • 3.1设置博客皮肤
  • 3.2 设置页面定制CSS代码
  • 3.3 禁用模板默认CSS
  • 3.4 设置博客侧边栏公告

---

1 前言

本博客的博皮样式设计者是BNDong大神，在此表示衷心的感谢！为了让更多人的博客园更加的美观大方，本人特此参考设计者BNDong关于博客样式的文章，写了这更加通俗易懂的文章，让更多喜欢这博客样式的人，可以应用此博客样式。

2 安装配置

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

进入管理后台：管理后台

2.1 设置

设置页面：

本主题当前页面所涉及的配置有：

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

2.2 选项

选项页面：一定要勾选公告，其他可根据需要自行设置

3 博客设置

3.1设置博客皮肤

博客皮肤：SimpleMemory

3.2 设置页面定制CSS代码

CSS代码位置：/src/style/base.min.css 拷贝此文件代码至页面定制CSS代码文本框处。

/src/style/base.min.css 的修改参考 /src/style/base.css。博客设置请使用压缩版本，直接使用 /src/style/base.css 会字符超限！

3.3 禁用模板默认CSS

选中页面定制CSS代码文本框下面的禁用模板默认CSS。

3.4 设置博客侧边栏公告

在侧边栏HTML代码中设置以下代码：

<script type="text/javascript">
    window.cnblogsConfig = {
        GhVersions    : 'v1.3.3', // 版本
        blogUser      : "userName", // 用户名
        blogAvatar    : "https://xxxx.png", // 用户头像
        blogStartDate : "2016-11-17", // 入园时间，年-月-日。入园时间查看方法：鼠标停留园龄时间上，会显示入园时间
    }
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.3.3/src/script/simpleMemory.min.js" defer></script>

注意：引入的文件 simpleMemory.min.js 版本需要与配置 window.cnblogsConfig.GhVersions 一致！

配置完成保存即可成功应用博皮！详细配置参考相关文档。