啊勒,這系列怎麼會到現在才是第一篇呢 ovo??
有鑒於 Github Page 的設計是在主機端撰文,完成後推送到 Github 託管,因此部落格本體是以主機端的版本為主。
剛好在 2020 這一年的暑假我換上了 MBP2020,因此也要把整個 Hexo 進行搬家,考慮到過去太多小實驗導致部落格的後端(?)其實有很多沒有在使用的功能(俗稱 環境髒亂),想藉著這次的搬家,順便把大部分的套件甚至是 Hexo 和 NexT 主題進行更新,也因此發現了不少有趣且便民的功能。
更新後的 Hexo 相關套件版本:
hexo: 5.0.2 |
更新後的 npm 相關套件版本:
{ |
- hexo NexT themes version: 7.8.0
https://github.com/theme-next/hexo-theme-next/releases/tag/v7.8.0
- 解決 Node.js v14 版本會遇到相依套件跳警告的問題,這部分我直接降版處理 =a=如果不想降版可以參考這篇 https://www.haoyizebo.com/posts/710984d0/
$ node -v v12.18.3
- NexT 主題升到 v6 有很多網站配置要改QQ
https://sevencho.github.io/archives/14534beb.html
NexT 內建 Mathjax,可以直接從
_config.yml
設定啟用NexT 解決 #more 從頭開始閱讀(scroll_to_more)
https://blog.csdn.net/weizhixiang/article/details/105112467NexT 的 note 標籤設定 (深色模式下字體顏色不太明顯QQ)
default note
primary note
success note
info note
warning note
danger note
code 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23{% note default %}
default note
{% endnote %}
{% note primary %}
primary note
{% endnote %}
{% note success %}
success note
{% endnote %}
{% note info %}
info note
{% endnote %}
{% note warning %}
warning note
{% endnote %}
{% note danger %}
danger note
{% endnote %}source目錄多了一項
_data
可以塞自定義的code- 例如這個部落格每篇文章結尾的自定義圖片可以參考
https://www.sunhong.vip/2019/03/08/Hexo-Next-在文章末尾添加自定义文字/_data/post-body-end.swig 1
2
3
4
5<div>
{% if not is_index %}
<div style="width: 168px; margin: auto"><img src="/imges/end.png"></div>
{% endif %}
</div>%
- 例如這個部落格每篇文章結尾的自定義圖片可以參考
最後就是一些雜項設定,我參考了很多內容
[教學] Hexo 部落格升級、Next 主題升級、客製功能及樣板編輯全記錄
–
一些後記
把 Hexo 換新環境後用 NexT v7.8 發現很多功能被包含在設定檔中,因此那個 _config.xml
似乎又比之前更好用…但也更肥了XDDD 而且不用再安裝很多 npm 套件,想到在上一台電腦很多功能的起手式都是 npm install,感覺後台從空間的使用上應該少了許多,但是網站載入的速度印象中會被 Node.js 拖慢,可能就要等之後有空再研究了QQ