关于本博客样式

安装配置

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

关于博客园后台

进入管理后台：管理后台

设置

设置页面：

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

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

选项

选项页面：

获取需要使用的版本

进入主题仓库：GitHub

博客设置

设置博客皮肤

博客皮肤：SimpleMemory

设置页面定制CSS代码

CSS代码位置：/dist/simpleMemory.css 拷贝此文件代码至页面定制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>

详细配置参考相关文档。

左下角音乐组件放在页脚 HTML 代码

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<!-- require MetingJS -->
<script src="https://cdn.jsdelivr.net/npm/meting@2.0.1/dist/Meting.min.js"></script>
<meting-js server="netease" type="playlist" id="6803652089" fixed="true" autoplay="false" loop="all" order="random" preload="auto" list-folded="ture" list-max-height="500px" lrc-type="1" theme="#F58EA8"></meting-js>

开启公告控件

博客设置 --> 控件显示设置 --> 勾选公告

配置完成保存即可成功应用博皮！

---