摘要：講述了IT博客平台對比；博客園入坑設置以及自定義主題推薦（含教程），包括主題、動態背景和看板娘。
一、為什么使用博客園
可以寫博文的平台有很多，比如博客園、CSDN、簡書、知乎、微博、豆瓣...
可自己搭建的免費開源博客程序也很多，比如：wordpress、typecho、halo...
IT愛好者們更傾向於博客園、CSDN或自建網站。自建網站除了要花費搭建網站的時間、精力、金錢外，真正用來寫博客時還需要解決搜索引擎SEO問題，否則沒人看得到你的博客。
我之前使用的是CSDN【我的CSDN】，可能是以前遇到問題搜索時前排清一色的CSDN吧，入坑后發現寫博客時的Markdown編輯器也很棒，就用了一段時間。但是也發現CSDN存在很多問題，而且越做越差，網上聲討聲不斷。比如平台廣告過多、彈窗要求登錄、下載資源還要付費等；從博客內容上來說，遍地盜版、水文，少見干貨，可取的地方可能只剩大家解決bug的經驗分享了吧。
最后的選擇就是博客園了，博客園給用戶的第一感受就是：這個頁面看起來是真的老！但是，雖不知道博客園是什么時候開始開放html、css、js給用戶使用的，但最近看到越來越多漂亮的博客園博客，這讓我決定開始去了解，然后就是掌握、入坑。
二、自定義博客園主題
博客園允許在用戶的頁面運行用戶的html、css、js代碼，這意味着一千個人筆下就有一千個博客園！一句簡單的代碼就足以讓前端頁面發生翻天覆地地變化！
在開始推薦主題之前，我說一些設置問題：
①申請開通博客后可以盡早在設置中申請js代碼權限；
②博客園把作品分為“隨筆”和“文章”，平時寫的文章都發隨筆即可。
文章默認不顯示在主頁，在選項中勾選“允許‘文章’顯示在首頁及RSS中”雖然可以讓文章顯示在主頁，但是他人查看時需要登陸，限制了內容的分享。網上流傳文章比博客高大上，是精華什么的，同時又說文章用於轉載，自相矛盾。文章可能是偏私有的東西，雖然我還沒徹底弄清文章和隨筆的區別，但反對文章更高大上地說法。博客園首頁推的也都是新聞和隨筆，總之大家忽略“文章”的存在，記住隨筆=博文就行了。
以下是主題推薦
2.1 主題推薦：cnblogs-theme-silence
可以在其 [文檔] 中找到部署方法和參數設置。
相信部署了這個主題后，你對博客園的設置有了一定的了解。接着是博客園或自建網站都能用到的模塊推薦。
2.2 模塊推薦：Live2D Widget看板娘
如果自建網站需要在右下腳顯示的話，可以用我的：
<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>
設置默認看板娘 ：
看板娘模型有很多個
查看 https://github.com/stevenjoezhang/live2d-widget/blob/master/waifu-tips.js 的164行可以發現，打開網頁出現哪個看板娘是確定的，就是上次出現的那個，如果首次打開，那默認modelId是0
但是總有一種每次打開都是隨機看板娘的錯覺，不知道為什么
以下的方法能確保每次打開頁面都是固定的看板娘
// 在導入font-awesome.min.css、autoload.js之前加一句
<img src=1 onerror="localStorage.setItem('modelId','0')" style="display: none;">
2.3 模塊推薦：動態背景
作者：https://www.cnblogs.com/jingmoxukong/p/7826982.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>