主題介紹
本博客使用的博客主題構成如下:
- 主體主題:Silence - 專注于閱讀的博客園主題(簡約 · 藍)
- 粒子特效:Weather with you主題說明(節選)
主題部署
Silence
參照Silence部署檔案操作即可,
使用樣式
打開./dist/themes檔案夾,選擇一款自己心儀的主題風格代碼檔案,
default.min.css // 簡約 · 藍
dark.min.css // 暗黑 · 綠
goddess.min.css // 女神 · 粉
使用 Notepad++ 等文本編輯工具打開您選擇的主題樣式檔案,全選所有代碼,然后復制,
進入『設定』界面,將復制的代碼粘貼到「頁面定制CSS代碼」文本域中,
點擊「保存」按鈕,保存上述操作,
上傳腳本
打開./dist檔案夾,獲取主題的 JS 腳本檔案silence.min.js,
進入『檔案』界面,將該檔案上傳到自己的博客中,上傳完成后,點擊檔案名便可在瀏覽器地址欄中獲取上傳檔案的外鏈,
然后使用script標簽將外鏈包裹,生成一個網頁腳本參考,
進入『設定』界面,將上面生成的網頁腳本參考復制到「博客側邊欄公告」文本域中,
使用腳本
進入『設定』界面,將如下腳本代碼參考 追加 到「博客側邊欄公告」文本域中,
注意事項:
- 部署前開啟博客園JS權限(直接在“設定”里面申請)
- 部署時使用博客園官方默認皮膚Custom
- 默認的加粗字體很不明顯要手動調整CSS,如.post .postBody strong {font-weight: 600; // 調整加粗字體權重
- 參照部署檔案“使用腳本”部分設定好目錄,默認的設定不太符合大眾習慣,我的設定如下(取消目錄索引、從一級標題開始顯示目錄)
catalog: {
enable: true,
move: true,
index: false,
level1: 'h1',
level2: 'h2',
level3: 'h3',
},
粒子特效
節選了“Weather with you主題”的粒子特效部分,粒子特效代碼如下:
<!-- 粒子特效 js.js檔案我已經備份-->
<script id="c_n_script" src="https://blog-static.cnblogs.com/files/timefiles/ParticleEffects.js" color="240,230,140" opacity="1" count="75" zindex="-2">
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
} else {
}
</script>
將粒子特效代碼復制到“設定”的“頁首 HTML 代碼”即可,部署可參考博客園添加粒子特效,
(我也不知道這個特效的作者是誰,只能把我知道的出來都列出來了,)
我把“js.js”檔案備份到自己的“檔案管理”下,改名為“ParticleEffects.js”,以防鏈接失效,
統計代碼
2020-01-05:添加百度網站統計代碼,代碼就不貼了,
主題效果
粒子特效動態效果截圖無法展示,可參考本博客頁面,

附件:獲取主題
- github下載(推薦)
- cnblogs-theme-silence-master 百度網盤(提取碼:ycs6)
- cnblogs-theme-silence-master-V2.03 百度網盤(提取碼:r3b0)
轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/100380.html
標籤:其他
上一篇:Eclipse——關聯源代碼
下一篇:一文解讀Docker (轉)
