是 Ray 不是 Array

整理這些技術筆記真的很花時間，如果你願意 關閉 Adblock 支持我，我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你！ヽ(・∀・)ﾉ

Advertisement
2019-04-13 Hexo

Hexo側邊欄修改

#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

整理這些技術筆記真的很花時間，如果你願意 關閉 Adblock 支持我，我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你！ヽ(・∀・)ﾉ

Advertisement

你的支持會直接轉換成更多技術筆記

如果我的筆記讓你少踩一個坑、節省 Debug 的時間，
也許你可以請我喝杯咖啡，讓我繼續當個不是 Array 的 Ray ☕

Buy Me A Coffee | Portaly

Terminal

相關文章

解決 Hexo 更新系統或使用 CI 部署後文章出現更新日期的問題

2022-10-30

為什麼推薦工程師寫部落格呢？

2022-09-08

(33)試著學 Hexo-番外篇之更新 NexT 主題

2020-11-01

(32)試著學 Hexo-番外篇之更新 Hexo

2020-10-31

分享這篇文章

留言

© 2025 Ray. All rights reserved.

Powered by Ray Theme