1、美化原因
微博开通了很久，但是没写过什么东西。近期发现Java基础知识较为薄弱，一边在网上找视频，一边在博客整理笔记进行分享。但是写完之后发现不够美观，而且侧面没有文章的标题大纲，对于我这种有些强迫症的人来说，看着属实有些难受。
但本人是个后端，自己写的样式很丑陋。
所以在网上找到了一些很好看，也很好用的主题，而且说明文档也很详细，整理了我试用过的几种，进行分享。
技术还不错的前端小伙伴也可以自己试着自己美化一下，然后分享给大家。
2、前期准备
首先说一下教程，进入博客园的设置里面申请开通js权限。
我这里已经申请过了，而且是晚上十点多申请的，通过的很快，不到一个小时。
没有申请是这个样子的
点击申请，有个弹窗
填写一下申请的理由（网上一般都是这么写的），等待通过就好了，会有邮件进行通知提醒。
尊敬的博客园管理员：
您好，我希望用JS美化下我的博客页面，麻烦通过下我的JS权限申请。
感谢您的帮助。
3、主题分享
等待申请通过的这段时间，就可以看一下别的小伙伴美化的主题和说明文档了。
（1）第一款主题：silence主题
专 注 于 阅 读 的 博 客 园 主 题
作者博客：https://www.cnblogs.com/esofar
部署文档：https://esofar.github.io/cnblogs-theme-silence/#/
样式预览
（2）第二款主题：cute-cnblogs主题
作者博客：https://www.cnblogs.com/miluluyo/
部署文档：作者博客的置顶里面有很详细的说明文档
样式预览：
（3）第三款主题：geek主题（博主用的就是这一款）
示例博客：https://www.cnblogs.com/zhaohongbing/p/16332606.html
作者博客：https://www.cnblogs.com/guangzan/
该博主还开发了一个皮肤构建工具 awescnb，可以在博客园安装这个项目中已经集成的皮肤 https://www.yuque.com/awescnb/user
样式预览：
部署使用：
one、将主题设置为Custom
two、将渲染引擎设置为highlight.js
three、页面定制CSS代码
#loading{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;background-color:#f4f5f5;pointer-events:none;}.loader-inner{will-change:transform;width:40px;height:40px;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;background-color:#3742fa;border-radius:50%;animation:scaleout 0.6s infinite ease-in-out forwards;text-indent:-99999px;z-index:999991;}@keyframes scaleout{0%{transform:scale(0);opacity:0;}40%{opacity:1;}100%{transform:scale(1);opacity:0;}}
four、首页HTML代码
five、页脚HTML代码（这里可以自定义配置）