change Hexo theme and test Hexo 3.2 and Blog restart

wow 荒廢一陣子的 blog 準備重啟。

  • try to update Hexo 3.2
  • rollback Hexo 2.8.3
  • some theme

近期常常在找 Hexo 的 theme 覺得不錯的有：

Hexo nice theme:

  • Cho
    • 風格極簡
    • 右邊置頂的火箭很有趣
  • Clean Blog
    • Ghost 主題風格非常好看
    • 功能簡單夠用
  • NexT
    • 也是極簡風
    • 可依賴多項服務
    • 滿多人使用

緣起是發現 Ghost 這個 blug 服務的 Layout 好棒，字體跟間距閱讀起來好舒服，因此朝著： Ghost theme to Hexo 方向就找到了 Clean Blog !! 套用了一下覺得好棒真不錯，可是在首頁列表都是文字，在本機測試幾天後，發現 code highlight 的樣式不是很習慣可能要符合風格因此原生是淡色系的背景色，開始往改變 highlight 顏色開始改功能，不過有點困難.. 然後相依功能少了一點點，但是是非常好的 theme。

接著某天在查資料的時候發現一位部落客使用了 Cho 這個極簡的 theme 眼睛為之一亮，馬上套用看看，也是非常不錯，可能喜歡有圖文的樣式，因此在本機測試一週後就放棄了。

後來看到 NexT 這個滿多人使用的 Hexo theme 多了一個主題風格，所以這個 theme 內建 3 個風格，所以立馬安裝，可是安裝到最後解了一些 bug 發現此 theme 作者推薦還是要升級到 Hexo 3.x 會比較好。

因此原本是使用 Hexo 2.8 版本，剛好想要重啟 blog 也是有想要升級 Hexo 3.x 再加上作者推薦因此升級版本試試看。

一連串的坑就這樣發生，不過很多解決方法 Hexo 作者與 plugin 作者大部分都會在 issue 內寫出解法，大致上是重裝 plugin 或者必須安裝特定某版本才可以。

Hexo 3.x 版本作者推薦要使用 Node.js 4.4.3 版本，且推薦使用 nvm 切換 node 版本，因此也學習到幾個基礎 nvm 語法。

以下列出一些印象比較深刻的坑與 Hexo 各版本注意事項

Hexo 2.8.3 vs 3.2 Plugin

Hexo 2.8.3 3.2.x
node.js 12.x 4.4.3
hexo-renderer-stylus 0.1.0 0.2
hexo-renderer-marked 0.1.0 0.2
liveReload 系列 liveReload hexo-browsersync

最好笑的是裝完 NexT 測試過 3 個風格後.. 我忽然覺得原生的 landscape 還是比較好看耶，當初也是因為看到這個 theme 才知道 Hexo :P

降版之旅

決定安裝回 Hexo 2.8.3 穩定版，多虧當初有做版控且上傳到 github server

我使用的步驟：

  1. 直接刪除 forder 內的 node_modules 所有 plugin
  2. 複製 github 上舊的 package.json 內容，貼上。
  3. npm install
  4. nvm use 12.x node version
  5. hexo -v test
  6. hexo g
  7. hexo s
  8. 收工，熟悉的感覺真好。

短期目標：

  • 補上過去幾個月的筆記
  • 嘗試修改 highlight Color
  • 嘗試修改 landscape theme Layout
  • 持續撰寫筆記，幫助記憶
    • 這行為非常有用，也是重啟 blog 主因。

因此開始撰寫筆記吧！

reference