使用博客園的第一件事 - 自定義主題

摘要：講述了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>