自定義博客園cnblog主題樣式Ⅱ（SimpleMemory）

Outline

之前搗鼓了下自定義博客園主題樣式，順手記錄了下：
https://www.cnblogs.com/bigtreei/p/8450686.html

看了下留言評論，有不少小伙伴感覺我當前這個主題樣式還不錯，也想設置下；

我這個主題是github上一個開源主題：https://github.com/BNDong/Cnblogs-Theme-SimpleMemory
想深度定制化的可以去研究下。

這里簡單記錄下怎么設置、應用這個主題。

后台設置概覽

管理-->設置

 管理-->選項

確保勾選了 “公告” 這一項，其他的根據自己需求來。

 GitHub主題倉庫

選擇主題樣式版本：https://github.com/BNDong/Cnblogs-Theme-SimpleMemory 

選擇一個你想要用的版本（建議選擇最新版本）

 博客具體設置

設置皮膚

管理-->設置-->博客皮膚-->SimpleMemory

 設置代碼高亮

 設置頁面定制CSS代碼

CSS代碼位置：
https://github.com/BNDong/Cnblogs-Theme-SimpleMemory/blob/v2/dist/simpleMemory.css  （注意選擇你所需版本）

將代碼copy到輸入框，同時勾選 “禁用模板默認CSS ”

 設置博客側邊欄公告

在側邊欄公告選項HTML輸入框輸入：

<script type="text/javascript">
    window.cnblogsConfig = {
      info: {
        name: 'userName', // 用戶名
        startDate: '2021-01-01', // 入園時間，年-月-日。入園時間查看方法：鼠標停留園齡時間上，會顯示入園時間
        avatar: 'http://xxxx.png', // 用戶頭像
      },
    }
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.0.7/dist/simpleMemory.js" defer></script>

 

 更多細節定制可以到github倉庫查看，這里不做贅述（github文檔里寫的很詳細）

 

至此，點擊 “保存”並且發布，新皮即可生效。

（這款主題真的很贊，希望大家可以支持開源作者，多給Star~~）