博客園主題美化


前言

雖然之前也搭建過自己的博客網站,但由於不可抗力(懶),僅堅持了幾天,便沒有寫下去了。這次注冊博客園,希望能夠堅持每天寫點東西。
工欲善其事必先利其器,博客園默認的主題樣式實在難以接受,查找了些資料,並挑選了SimpleMemory 這款美觀簡潔的主題。這篇博客主要記錄一下更換主題的步驟。效果展示

申請支持js代碼權限

進入管理>設置>博客設置>設置,勾選申請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有很多的配置項,配置詳情見參考文檔


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM