2024 新主題

最近這個 Blog 換了新的主題樣式，所以想來介紹一下新的 Theme，順便回顧一下這個 Blog 的歷史。

歷史回顧

本 Blog 的第一篇文章是 2016 年 3 月的事，距今已經 8 年多了，那時我還在高中。一開始我還是使用 Google 的 Blogger 服務來架站。當時用 Blogger 其實用得不是很順，版面格式常常跑掉，就算我已經手寫 HTML 了，一儲存還是會亂掉…但我當時也不知道有什麼其它的服務。

上了大學後，某次和學長聊天時，透露了我對於 Blogger 的抱怨，他就推薦我 Hexo。這是我第一次知道什麼是靜態網頁生成器。不過當時的我還很菜，當時的我連 Git 和 GitHub 都還沒什麼在用，不過我覺得它看起來真的很不錯，所以我開始使用 Hexo 來嘗試靜態網頁，並部署在 GitHub Pages，第一次部署應該是 2020 年 4 月。

那時應該是用了一下預設 Theme 後，就換成 NexT 了，因為它有我喜歡的會自動收折的文章目錄。

就這樣用了 1 年多吧，不知道為什麼有些文章會出現問題，頁面會整個大爆炸，嘗試修復無果後，我決定直接換個新 Theme 來用。後來也乾脆地換成 Hugo 和 Landscape。雖然 Landscape 是預設 Theme，但是我決定它看起來也滿不錯的，畢竟我也不喜歡那些太豐富的功能，只想保持簡單。

這個方案就一路用到 2024/06/22，接下來就是本文的開端… …

起因

為什麼要換 Theme 呢？主要有以下幾個原因：

程式碼區塊複製問題，複製後各行之間會多出空行。之前查可能是 CRLF \r\n 之類的問題，但是稍微調整了一下還是沒能解決。每次要複製程式碼，結果還有刪除一堆空行的體驗真的不是很好。
文章目錄（ToC）不會收折。我一直都很喜歡 HackMD 的文章目錄會自動收折，我覺得這樣的版面乾淨很多。雖然我的再前一個 Theme 其實有這個功能，但後來換的 Theme 又沒這個功能了，而我也不想自己處理。
畫面不夠乾淨。我除了喜歡 HackMD 的 ToC 外，我也很欣賞它那乾淨清晰的面板，雖然我之前在調整 Theme 時已經有盡可能保持簡單了，但我現在想要更進一步。
原本的 Blog 不支援 Mathjax 或 KaTeX 等數學式渲染，我原本有試著自己手動加入，雖然大部分的語法都可以被正確解析，但是有些特殊情況會解析錯誤。例如這個情況下，兩個底線 _ 會優先被 Markdown 解析成斜體：
1
2
3
$$ A_1 = B_2 $$

再加上我原本用的 Hugo 版本有點舊，GitHub 一直寄安全警告，所以我本來就要更新一輪。後來就想說那乾脆來大改一下好了，畢竟舊 Theme 也用一段時間了，是時候換換口味了。

尋找新 Theme

一開始我打算繼續使用 Hugo，所以在它們官網的 Theme 清單裡翻了很久，但都沒有看到喜歡的，所以最後我打算回到 NexT。但是，NexT 原本是 Hexo 的，那我還不如回去用 Hexo，反正當初我也是從 Hexo 換到 Hugo，它們的 Front-matter 基本上可以通用不用特別調整（就算要，也只要寫個小腳本來處理就可以了），現在只是再換回去而已。

所以我就裝了最新的 Hexo v7.2.0。而 NexT 是 next-theme/hexo-theme-next，GitHub 上的 NexT repo 不只一個，我看這個 repo 到現在都還有持續更新，而另外 2 個最後一個 commit 已經是幾年前了，所以我選擇這個。

由於我的 Theme 一定都會修改調整過，所以我先開了一個測試用的專案，先把 Theme 的 CSS 和 JS 等調整成我喜歡的樣子。雖然說調調這些東西感覺應該很快，但我還是花了週末一整天的時間，可能很多時候在糾結要 1.25 還是 1.125 這種事情吧。

調整完後，就只要把原本的 Markdown 文章放進來再最後確認就可以了。

確認好 Theme 都沒問題後，就可以部署了。我是直接用官方的 GitHub Action 範例。一切都很順利，新的 Blog 已經上線了。