关于本博客样式

1 前言

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

2 安装配置

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

进入管理后台:管理后台

2.1 设置

设置页面:

img

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

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

2.2 选项

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

img

3 博客设置

3.1设置博客皮肤

博客皮肤:SimpleMemory

install_02

3.2 设置页面定制CSS代码

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

install_03

3.3 禁用模板默认CSS

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

3.4 设置博客侧边栏公告

在侧边栏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>

install_04

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

posted @ 2020-09-11 16:54  ityanger  阅读(240)  评论(2编辑  收藏  举报