Hexo側邊欄修改

發表於 2019-04-13 分類於 Hexo

Google AD

撰寫一篇文章其實真的很花時間，如果你願意「關閉 Adblock (廣告阻擋器)」來支持我的話，我會非常感謝你ヽ(・∀・)ﾉ

Liker 讚賞

這篇筆記文章如果對你有幫助，
你可以考慮花 30 秒登入 LikeCoin 並點擊下方拍手按鈕(最多五下)免費支持與鼓勵我。
或者你可以也可以請我「喝一杯咖啡(Donate)」。

｜

Hexo 的側邊欄的修改大多都是在 _config.yml，這邊以 NexT 為例紀錄一下該如何增加頭像，如果要讓分類功能、標籤功能有效果則必須參考另一篇文章>Hexo新增標籤及分類頁面

前言

※注意這邊使用的模板是 NexT 唷!

本文撰寫環境

Hexo 版本

hexo: 3.8.0
hexo-cli: 2.0.0

NexT 版本

NexT: 7.1.0

修改頭像

首先必須進入主題 (Theme) 的設置檔 (_config.yml)，然後查詢 avatar，並依照下方範例參考輸入。

avatar:
  url: /images/avatar.gif // 頭像路徑
  rounded: false // 頭像是否為圓形
  opacity: 1 // 透明度
  rotated: false // 滑鼠移過去是否自動旋轉

側邊欄位置

預設位子在左邊，若不喜歡左邊可修改至右邊，查詢 sidebar，並將 position: left 修改成 position: right 即可

※僅對 Pisces 或 Gemini 主題有效，預設主題則無效

主題修改方式

查詢 Scheme Settings，就可以修改主題了，預設提供四種主題，只需要將 # 移除即可。

顯示滾動百分比

閱讀文章時若能觀看目前看的百分比是不錯的，所以僅需要將 scrollpercent: false 修改成 scrollpercent: true 即可。

社群連結

社群連結相關設定查詢 Social Links 就可以看到相關設定

social:
  GitHub: https://github.com/hsiangfeng || github
  E-Mail: mailto:[email protected] || envelope
  Weibo: https://weibo.com/yourname || weibo
  Google: https://plus.google.com/yourname || google
  Twitter: https://twitter.com/yourname || twitter
  FB: https://www.facebook.com/HsiangFeng.hf || facebook
  VK Group: https://vk.com/yourname || vk
  StackOverflow: https://stackoverflow.com/yourname || stack-overflow
  YouTube: https://youtube.com/yourname || youtube
  Instagram: https://instagram.com/yourname || instagram
  Skype: skype:yourname?call|chat || skype