博客園主題/博客園美化的一種方法（超小白向，超詳細！）

眾所周知博客園默認博客界面，有點8好看，我作為一個超級挑剔的外貌協會（我也許適合搞前端？）查了三天資料，終於簡單的美化成了自己可以接受的樣子。

為了美化成我這個樣子，我們要准備:
JS權限（這個太容易百度到了我不介紹了）
github資源：https://github.com/BNDong/Cnblogs-Theme-SimpleMemory
該資源的配置(非常簡單實用)：http://doc.dbnuo.org/cnblogs-theme-docs/v1.1.0/#/Docs/GettingStarted/install

github使用方式就是點擊你網頁右邊偏上的綠色按鈕[Clone or download]（全屏幕就這一個綠色按鈕別說你找不到），然后下載zip並且解壓，然后按照我上面的第二個鏈接，入門部分的操作即可。
把CSS輸入，側邊欄JS輸入之后，博客已經變得非常好看了。
但是，這都是模板，沒有你自定義的功能，我們繼續看第二個鏈接，在入門的下方有配置項這一系列自定義選項，今天重點就在這里詳細介紹一下如何使用（我以后忘了也可以看看）

大家都在側邊欄HTML代碼中輸入了

<script type="text/javascript">
    window.cnblogsConfig = {
        GhVersions    : 'v1.1.4', // 版本
        blogUser      : "userName", // 用戶名
        blogAvatar    : "https://xxxx.png", // 用戶頭像
        blogStartDate : "2016-11-17", // 入園時間，年-月-日。入園時間查看方法：鼠標停留園齡時間上，會顯示入園時間
    }
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.1.4/src/script/simpleMemory.min.js"></script>

各位跟我一樣不會html的老哥們，要注意到，每一行（比如GhVersions : 'v1.1.4', ）都以","結尾，這樣下面的內容才可以繼續連着寫。如果不加","，那么后面寫的內容都不會看作輸入，還會報錯導致修改無效！
比如我們要在

 window.cnblogsConfig = {
        GhVersions    : 'v1.1.4', // 版本
        blogUser      : "userName", // 用戶名
        blogAvatar    : "https://xxxx.png", // 用戶頭像
        blogStartDate : "2016-11-17", // 入園時間，年-月-日。入園時間查看方法：鼠標停留園齡時間上，會顯示入園時間
    }

里面添加主頁圖片即——homeTopImg - 主頁banner圖片（在第二個鏈接，定制化，配置項）
homeTopImg - 主頁banner圖片下面的代碼是

window.cnblogsConfig = {
    homeTopImg: [
        "https://raw.githubusercontent.com/BNDong/Cnblogs-Theme-SimpleMemory/master/img/home_top_bg.jpg",
        "https://raw.githubusercontent.com/BNDong/Cnblogs-Theme-SimpleMemory/master/img/home_top_bg.jpg"
    ]
}

具體想替換的圖片就用博客園上傳圖片文件的url來替換上面的url（注意博客園只支持bmp格式圖片，要先轉一下圖片樣式）
我們把這兩個功能合並成

 window.cnblogsConfig = {
        GhVersions    : 'v1.1.4', // 版本
        blogUser      : "userName", // 用戶名
        blogAvatar    : "https://xxxx.png", // 用戶頭像
        blogStartDate : "2016-11-17", // 入園時間，年-月-日。入園時間查看方法：鼠標停留園齡時間上，會顯示入園時間


        homeTopImg: [
        "https://raw.githubusercontent.com/BNDong/Cnblogs-Theme-SimpleMemory/master/img/home_top_bg.jpg",
        "https://raw.githubusercontent.com/BNDong/Cnblogs-Theme-SimpleMemory/master/img/home_top_bg.jpg"
        //注意這里最后一行沒有“,”了，如果想繼續添加其他功能，比如字體高亮，需要在這里加","
    ]
}

我們再添加字體高亮

 window.cnblogsConfig = {
        GhVersions    : 'v1.1.4', // 版本
        blogUser      : "userName", // 用戶名
        blogAvatar    : "https://xxxx.png", // 用戶頭像
        blogStartDate : "2016-11-17", // 入園時間，年-月-日。入園時間查看方法：鼠標停留園齡時間上，會顯示入園時間

        //我是修改主頁背景的代碼
        homeTopImg: [
        "https://raw.githubusercontent.com/BNDong/Cnblogs-Theme-SimpleMemory/master/img/home_top_bg.jpg",
        "https://raw.githubusercontent.com/BNDong/Cnblogs-Theme-SimpleMemory/master/img/home_top_bg.jpg",//這里我手動添加了“,”
        
        //我是字體高亮的代碼（a11y-dark可以換成下面灰色字體的其他種類）
        essayCodeHighlighting: "a11y-dark"
        //注意這里最后一行沒有“,”了，如果想繼續添加其他功能，需要在這里加","
    ]
}

點擊保存即可在主頁享受美化后的博客了！
大家可以嘗試下其他功能。