前言
雖然之前也搭建過自己的博客網站,但由於不可抗力(懶),僅堅持了幾天,便沒有寫下去了。這次注冊博客園,希望能夠堅持每天寫點東西。
工欲善其事必先利其器,博客園默認的主題樣式實在難以接受,查找了些資料,並挑選了SimpleMemory 這款美觀簡潔的主題。這篇博客主要記錄一下更換主題的步驟。效果展示
申請支持js代碼權限
進入管理>設置>博客設置>設置,勾選申請js權限,然后填寫一下開通的理由等待管理員進行審核通過。
拉取主題代碼
進入主題倉庫:SimpleMemory拉取最新版本的代碼。
設置博客皮膚
選擇博客皮膚為 SimpleMemory
頁面定制css代碼
在拉取的SimpleMemory代碼中,將/src/style/base.min.css的內容,拷貝到設置頁面的定制css代碼中,並勾選禁用模板默認css
博客側邊欄公告
在側邊欄HTML代碼中設置以下代碼:
<script type="text/javascript">
window.cnblogsConfig = {
GhVersions : 'v1.3.3', // 版本
blogUser : "userName", // 用戶名
blogAvatar : "https://xxxx.png", // 用戶頭像
blogStartDate : "2016-11-17", // 入園時間,年-月-日。入園時間查看方法:鼠標停留園齡時間上,會顯示入園時間
}
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.3.3/src/script/simpleMemory.min.js" defer></script>
window.cnblogsConfig有很多的配置項,配置詳情見參考文檔