部落格主題美化第二彈

部落格園主題自定義——Cnbook

  • 這是一款比較簡約、精緻的部落格園主題,目前我現在用的便是該主題
  • 文件鏈接在博文末尾

主題預覽

模板
模板

主題部署

部署前提:擁有Js許可權,部落格皮膚選擇Custom

部署過程:

  1. 進入頁面後進行下載,這裡下載最新的一版即可
  2. 下載完之後進行解壓,可以得到以下三個txt文件
  3. 將3個txt文件中的程式碼分別複製粘貼到部落格後台設置的部落格側邊欄公告、頁腳HTML程式碼、頁面訂製CSS程式碼中,記得將頁面訂製CSS程式碼中的禁用模板默認CSS勾選,並將部落格皮膚設為Custom
  4. 點擊保存即可,到這一步,你已基本完成了該部落格主題的部署,以下是自定義修改,可以根據個人需要進行相應的修改

自定義:

  1. 設置側邊欄頭像顯示:

    let avatar = "//blog-static.cnblogs.com/files/blogs/762066/logo.gif?t=1659317561"
    

將這一句中的javascript程式碼替換成自己的頭像地址即可,這邊建議將頭像上傳到部落格文件中,點擊上傳成功後的圖片名可獲得圖片鏈接地址。

  1. 將頁腳HTML程式碼中的開頭script文件使用同樣上述的方法替換
  2. 修改側邊欄顯示:
    默認打開側邊欄會顯示日曆等等,可以進入部落格後台選擇相應的標籤和控制項顯示內容

參考:

感謝原部落客的無私分享,以下是文件鏈接地址,部署中遇到問題的歡迎在下方評論區指出
//www.cnblogs.com/gshang/p/12986360.html

Tags: