個人部落格配置

梦起白沙發表於2024-08-14

前言

我曾經嘗試過各種各樣的皮膚風格，都很難有個讓我滿意的皮膚主題，主要問題就在於這些主題都會有一些排版顯示的bug，我可以在美化主題上花費時間，但是還是不願花費大量時間。目前我在配置的這款皮膚主題，暫時是比較滿意的，沒有遇到什麼奇奇怪怪的顯示bug。

持續更新中.......
awescnb皮膚即用參考這個：
awescnb · 語雀 (yuque.com)

awescnb開發參考這個：
部落格園皮膚構建工具 awescnb - guangzan - 部落格園 (cnblogs.com)

awescnb皮膚使用（geek）

為什麼選擇geek皮膚？

  1. 深色主題。
  2. 有搜尋功能。
  3. 支援配置的功能第二多，第一多是reacg這個皮膚主題，但是不喜歡。

基礎配置

基礎配置

完成這一頁的配置流程
☕ 在部落格園中安裝皮膚 (yuque.com)

更換皮膚

所有皮膚 (yuque.com)

選中喜歡的皮膚將程式碼copy到頁尾程式碼中儲存。

geek程式碼：

<script src="https://guangzan.gitee.io/awescnb/index.js"></script>
<script>
  const opts = {
    theme: {
      name: 'geek',
    },
  }
  $.awesCnb(opts)
</script>

如果想配置其他皮膚主題就是需要更改name引數即可。

自定義配置

在完成前面的基礎配置之後，就是自定義配置，自定義配置可以按照自己的喜好修改主題，比如個性簽名、頭像、圖片等等。

需要參照：
參考配置 (yuque.com)
配置選項 (yuque.com)
來進行配置。

配置都是新增在頁尾程式碼中，而不是新增到側邊欄中，新增到側邊欄中好像並不會生效。
需要注意的是在新增配置的時候檢查這個主題支援的配置清單，避免不必要的工作。
PS:還有一種方式就是開啟同樣用這個主題的使用者的部落格的主頁，F12搜尋到程式碼位置，直接抄。

相關文章