我的博客主题以及美化

我的博客主题以及美化

前言

上了大学以后就开始做笔记，准备把自己学习的知识做个梳理和记录，以备复习和查询，同时作为学习成果也是有成就感的。一开始选择的使用微软的OneNote软件开始做笔记，无广告，可以任何设备同步，粘贴图片也方便，可以导出PDF，功能还挺方便。当时学习Linux和和云计算学习的时候，笔记就放在上面，工作室电脑，自己笔记本上都登录自己微软账户就行，很是方便，也是当时入了微软账户的坑。，用起来真的不错。
但是后面发现outlook的笔记支持导出PDF，扩展性实在太差，想搭建自己的博客没办法方便快捷的转移。开始使用markdown格式，之后想搭建自己的博客，尝试过Hexo,Hugo等博客框架，由于主题不满意，主题美化麻烦，没有域名搭建图床等等问题，可能还有自己的三分钟热度问题，每次遇到困难就退缩了，md笔记还是在写，但是博客就不了了之了。工作之后，笔记也很少记，学习也停滞不前，经常学了就忘，想来不能这样了，现在决定从简出发，转战博客园，从头开始自己的Blog之旅。

博客主题

博客园是一个老牌的博客平台，所以博客园自带的博客主题也是比较风格老旧的，
作为一个有一定审美追求的菜鸟，肯定是不能忍受的😋。好在博客园可以申请自定义js权限，可以使用自定义的主题。

js权限申请--前置条件

在博客园中，想要自定义主题前置必须要先申请js权限，理由随便写写啦，一般来说都是会审批过的啦

博客后台->设置

主题推荐

但是上github一搜索，博客园star比较多的就2个主题， SimpleMemory 和 Silence

SimpleMemory主题
Github地址：
SimpleMemory
示例网站 主题作者博客

Silence主题
Github地址：
Silence
示例网站 主题作者博客

博客园的热门主题太少，只能二者选其一。就美观度上来说，肯定是SimpleMemory更好看一点，但是配置也麻烦，一开始我是选SimpleMemory，后来想想，怕出现更多的美化问题，最终选择了更为简洁的Silence，Silence这个主题是真的越用越好看。👍

当然，有前端动手能力的大佬们可以自己美化这些两个主题，这两个主题的基础配置具体参考Github项目文档，可自行参照配置。

其他美化

音乐播放器

在博客底部添加音乐播放器，可以添加网易云歌单到播放器列表，设置随机播放和

将以下代码添加到页脚代码中， 第三排data-id="XXXX" xxxx换成网易云歌单地址中id即可

播放器代码

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.css">
<script src="https://files.cnblogs.com/files/wkfvawl/APlayer.min.js"></script>
<div id="aplayer" class="aplayer"  data-id="802583365" 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>

vscode插件

因为 Typora 编辑器已经收费，而且之前有个过bug，个人更为推荐插件功能更为强大的 vscdoe 作为 Markdown 编辑器

博客园Cnblogs客户端（官方插件）

可以将md文件中本地和网络图片提取到博客园服务器，不用担心图床问题，搭配 Paste Image 插件简直无敌好吧。可以直接在本地拉取和创建新的博文，直接在vscode就能一键发布。功能强大，详见插件简介，使用方法官方都是有介绍的。

Code Spell Checker (拼写检查)

可以检查文档中的英文单词拼写是否正确，也可以自己把单词添加到白名单，是学习英语的好插件

Markdown All in One （Markdown神级插件）

提供了常用快捷键，让你写文更方便快捷，还有对于表格table，数学公式支持和优化和一些其他的功能。

Key    Command
Ctrl + B    粗体
Ctrl + I    斜体
Alt + S    删除线
Ctrl + Shift + ]    标题(uplevel)
Ctrl + Shift + [    标题(downlevel)
Ctrl + M    Toggle math environment
Alt + C    Check/Uncheck task list item

Markdown Preview Enhanced （Markdown预览插件）

虽然vs有自带 Markdown 预览，但是这个插件能优化 Markdown 预览，会更好看一点

Paste Image （Markdown插入图片）

神器，每次都觉得md插入图片很麻烦，打消了我写文的热情，自从有了这个插件，只需要 Ctrl + Alt + v 就可以把剪切板的图片插入到md文本中，同时在本地进行保存，可以设置图片的保存路径，真的无敌方便😍

后续美化（未完成）

这个主题整体优雅简介，适合阅读，但是也有2点我不是很喜欢的地方

• 右侧滚动条太细，不适合快速拖动
• 目录个人任务文章的目录应该居右，目录的样式有点丑

等我后续学习一些前端知识再来调整吧😋

参考博文

https://www.cnblogs.com/Owen-ET/p/16518266.html