Blog Note 0x01

啊勒，這系列怎麼會到現在才是第一篇呢 ovo??

有鑒於 Github Page 的設計是在主機端撰文，完成後推送到 Github 託管，因此部落格本體是以主機端的版本為主。

剛好在 2020 這一年的暑假我換上了 MBP2020，因此也要把整個 Hexo 進行搬家，考慮到過去太多小實驗導致部落格的後端(?)其實有很多沒有在使用的功能(俗稱 環境髒亂)，想藉著這次的搬家，順便把大部分的套件甚至是 Hexo 和 NexT 主題進行更新，也因此發現了不少有趣且便民的功能。

更新後的 Hexo 相關套件版本:

$ hexo -v

hexo: 5.0.2
hexo-cli: 4.2.0
os: Darwin 19.6.0 darwin x64
node: 12.18.3
v8: 7.8.279.23-node.39
uv: 1.38.0
zlib: 1.2.11
brotli: 1.0.7
ares: 1.16.0
modules: 72
nghttp2: 1.41.0
napi: 6
llhttp: 2.0.4
http_parser: 2.9.3
openssl: 1.1.1g
cldr: 37.0
icu: 67.1
tz: 2019c
unicode: 13.0

更新後的 npm 相關套件版本:

$ npm version

{
  'hexo-site': '0.0.0',
  npm: '6.14.6',
  ares: '1.16.0',
  brotli: '1.0.7',
  cldr: '37.0',
  http_parser: '2.9.3',
  icu: '67.1',
  llhttp: '2.0.4',
  modules: '72',
  napi: '6',
  nghttp2: '1.41.0',
  node: '12.18.3',
  openssl: '1.1.1g',
  tz: '2019c',
  unicode: '13.0',
  uv: '1.38.0',
  v8: '7.8.279.23-node.39',
  zlib: '1.2.11'
}

• hexo NexT themes version: 7.8.0
  https://github.com/theme-next/hexo-theme-next/releases/tag/v7.8.0

• 解決 Node.js v14 版本會遇到相依套件跳警告的問題，這部分我直接降版處理 =a=

  $ node -v

  v12.18.3

  如果不想降版可以參考這篇 https://www.haoyizebo.com/posts/710984d0/

• 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/105112467

• NexT 的 note 標籤設定 (深色模式下字體顏色不太明顯QQ)

  default note

  primary note

  success note

  info note

  warning note

  danger note

  code

  {% 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

    <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