使用博客园的第一件事 - 自定义主题

摘要：讲述了IT博客平台对比；博客园入坑设置以及自定义主题推荐（含教程），包括主题、动态背景和看板娘。

1、为何使用博客园

能够写博文的平台有不少，好比博客园、CSDN、简书、知乎、微博、豆瓣...
可本身搭建的免费开源博客程序也不少，好比：wordpress、typecho、halo...
IT爱好者们更倾向于博客园、CSDN或自建网站。自建网站除了要花费搭建网站的时间、精力、金钱外，真正用来写博客时还须要解决搜索引擎SEO问题，不然没人看获得你的博客。
我以前使用的是CSDN【个人CSDN】，多是之前遇到问题搜索时前排清一色的CSDN吧，入坑后发现写博客时的Markdown编辑器也很棒，就用了一段时间。可是也发现CSDN存在不少问题，并且越作越差，网上声讨声不断。好比平台广告过多、弹窗要求登陆、下载资源还要付费等；从博客内容上来讲，遍地盗版、水文，少见干货，可取的地方可能只剩你们解决bug的经验分享了吧。
最后的选择就是博客园了，博客园给用户的第一感觉就是：这个页面看起来是真的老！可是，虽不知道博客园是何时开始开放html、css、js给用户使用的，但最近看到愈来愈多漂亮的博客园博客，这让我决定开始去了解，而后就是掌握、入坑。

2、自定义博客园主题

博客园容许在用户的页面运行用户的html、css、js代码，这意味着一千我的笔下就有一千个博客园！一句简单的代码就足以让前端页面发生翻天覆地地变化！
在开始推荐主题以前，我说一些设置问题：
①申请开通博客后能够尽早在设置中申请js代码权限；
②博客园把做品分为“随笔”和“文章”，平时写的文章都发随笔便可。

文章默认不显示在主页，在选项中勾选“容许‘文章’显示在首页及RSS中”虽然可让文章显示在主页，可是他人查看时须要登录，限制了内容的分享。网上流传文章比博客高大上，是精华什么的，同时又说文章用于转载，自相矛盾。文章多是篇私有的东西，虽然我还没完全弄清文章和随笔的区别，但反对文章更高大上地说法。博客园首页推的也都是新闻和随笔，总之你们忽略“文章”的存在，记住随笔=博文就好了。

如下是主题推荐

2.1 主题推荐：cnblogs-theme-silence

>>GitHub项目地址<<
能够在其 [文档] 中找到部署方法和参数设置。
相信部署了这个主题后，你对博客园的设置有了必定的了解。接着是博客园或自建网站都能用到的模块推荐。

2.2 模块推荐：Live2D Widget看板娘

>>GitHub项目地址<<
若是自建网站须要在右下脚显示的话，能够用个人：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
<script src="https://live2d-widget-right.oss-cn-hangzhou.aliyuncs.com/autoload.js"></script>

2.3 模块推荐：动态背景

做者：http://www.javashuo.com/article/p-zqarofok-dz.html
使用：

<!-- 背景动画 -->
<canvas id="c_n9" width="1920" height="990" style="position: fixed; top: 0px; left: 0px; z-index: -1; opacity: 0.5;"></canvas>
<script src="https://files.cnblogs.com/files/jingmoxukong/canvas-nest.min.js"></script>

我改版了一下，让通过鼠标的圆点不会被束缚在一个圆内，并下降了页面内的圆点数，详情能够看js内的注释

<!-- 动态背景  阿里云 -->
<canvas id="c_n9" width="1920" height="990" style="position: fixed; top: 0px; left: 0px; z-index: -1; opacity: 0.5;"></canvas>
<script src="https://live2d-widget-right.oss-cn-hangzhou.aliyuncs.com/canvas-nest.min.js"></script>