cnblogs主题美化

cnblogs的默认模板对于一些喜欢美观的人来说，可能阅读起来不是那么的赏心悦目，所幸cnblogs允许我们自定义主题。

先给大家看看我的主题效果图:

一. 先讲讲大体步骤：

1. 第一步肯定首先要开通博客啦，哈哈哈，还要向管理员申请开通博客的理由，说点好听的话就欧克克了，等待几十分钟就好了。

2. 先进入博客园设置里将博客皮肤换成SimpleMemory,然后申请js权限，跟申请博客一样，需要填写申请理由

3. 第三步就是往这几个栏里添加代码了

一定要注意：在页面定制CSS代码里要勾选禁用模板默认CSS:

然后再选项里勾选公告：

二. 我们具体来讲讲怎么来往那几个栏里添加代码：

1.我是下载的原始作者(@BNDong)github上的资源:

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

2. 然后点击dist->simpleMemory.css文件，下载下来，将里面的内容复制进页面定制css代码

3. 在侧边栏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.1.0/dist/simpleMemory.js" defer></script>

4. 接下来就是一些细节配置了，如果大家觉得以上配置就足够了，就不用继续去配置了。

- 这些细节配置我建议大家去看官方文档，因为每个人的欣赏水平是不同的，只有自己配出来的才是让自己觉得满意的。官方文档

- 点击配置项，里面有许多主题的配置，喜欢的都可以试一试

5. 看板娘的设置

想必大家也看见了左下角有一个看板娘，喜欢的同学可以也设置上，我翻了好多教程，都感觉很复杂，选了一个比较简单的给大家呈上：

https://www.cnblogs.com/kousak/p/9726514.html

6. 播放器的设置

在页脚添加以下代码就行了：

<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>
<div id="aplayer"></div>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.css">
<script src="https://blog-static.cnblogs.com/files/yjlaugus/APlayer.min.js"></script>
<div id="aplayer" class="aplayer"  data-id="2829883282" data-server="netease" data-type="playlist" data-fixed="true" data-listfolded="true" data-order="random" data-theme="#F58EA8"></div>
<script src="https://unpkg.com/meting@1.2/dist/Meting.min.js"></script>