摘要：講述了IT博客平臺對比；博客園入坑設定以及自定義主題推薦（含教程），包括主題、動態背景和看板娘，
一、為什么使用博客園
可以寫博文的平臺有很多，比如博客園、CSDN、簡書、知乎、微博、豆瓣...
可自己搭建的免費開源博客程式也很多，比如：wordpress、typecho、halo...
IT愛好者們更傾向于博客園、CSDN或自建網站，自建網站除了要花費搭建網站的時間、精力、金錢外，真正用來寫博客時還需要解決搜索引擎SEO問題，否則沒人看得到你的博客，
我之前使用的是CSDN【我的CSDN】，可能是以前遇到問題搜索時前排清一色的CSDN吧，入坑后發現寫博客時的Markdown編輯器也很棒，就用了一段時間，但是也發現CSDN存在很多問題，而且越做越差，網上聲討聲不斷，比如平臺廣告過多、彈窗要求登錄、下載資源還要付費等；從博客內容上來說，遍地盜版、水文，少見干貨，可取的地方可能只剩大家解決bug的經驗分享了吧，
最后的選擇就是博客園了，博客園給用戶的第一感受就是：這個頁面看起來是真的老！但是，雖不知道博客園是什么時候開始開放html、css、js給用戶使用的，但最近看到越來越多漂亮的博客園博客，這讓我決定開始去了解，然后就是掌握、入坑，
二、自定義博客園主題
博客園允許在用戶的頁面運行用戶的html、css、js代碼，這意味著一千個人筆下就有一千個博客園！一句簡單的代碼就足以讓前端頁面發生翻天覆地地變化！
在開始推薦主題之前，我說一些設定問題：
①申請開通博客后可以盡早在設定中申請js代碼權限；
②博客園把作品分為“隨筆”和“文章”，平時寫的文章都發隨筆即可，
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 模塊推薦：動態背景
作者：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>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/230913.html
標籤：其他
下一篇：動態svg圖片簡單制作