我把我這個博客的自定義樣式及頁首頁尾代碼開源了

Github 項目地址。

README.md輯錄以下：

Welcome to material-cnblogs，這是一個 Material 風博客園皮膚，能夠便捷地套用。

使用cnblogs-skin搭建，可是cnblogs-skin裏面的HTML模板好像過期了。因而我製做以後又大修大改了一番。

內含 css.css、header.html、footer.html 三個文件，分別對應博客園後臺「設置」選項卡下的「頁面定製 CSS 代碼」、「頁首 HTML 代碼」和「頁腳 HTML 代碼」。

主題色：#0078D7。

能夠前往 個人我的博客 查看顯示效果。

亮點

• 自動生成目錄；
• 右下角小飛機遊戲；
• 自動添加「本文共 6419 字，閱讀本文大概須要 13 ~ 21 分鐘」這樣的提示條；
• 圖片點擊放大；
• 頁面加載進度條（實際上是心理安慰）；
• 漂亮的超連接樣式；
• 在文章的任意部分套上 <div class="no-select"> 和 </div> 能夠防止這部份內容被無腦複製；
• 鼠標懸浮在文章內超連接（不包括書籤超連接）上時，顯示該連接的 URL 和該頁面的縮略圖；
• 自動預加載，提升全站訪問速度；
• 友鏈模板（在 footer.html 裏面）。

使用

1. 在css.css中自定義你的頭像和用戶名，以及各個標籤的顏色；
2. 打開 博客園後臺管理設置；
3. 將 css.css 中的內容複製到「頁面定製 CSS 代碼」框裏面，同理，header.html → 「頁首 HTML 代碼」，footer.html → 「頁腳 HTML 代碼」；
4. 把「標題」框裏面的東西刪掉（由於已經在 CSS 中定義了）；
5. 把「博客皮膚」改爲默認的「AnotherEon」，不要勾選「禁用模板默認CSS」。
6. 保存；
7. 順便 Star 一下這個倉庫。