Hexo側邊欄修改

前言

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,並依照下方範例參考輸入。

1
2
3
4
5
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 就可以看到相關設定

1
2
3
4
5
6
7
8
9
10
11
12
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

Liker 讚賞

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

Buy Me A Coffee Buy Me A Coffee

Google AD

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