首先，這是一篇紀錄，而非教學，若沒有問題，那感謝你繼續看下去。
前言
我又再一次地重新建立部落格。
時光飛逝，第一篇文章也將發表滿十年了！自從我剛上大學時，開始寫部落格以來，也快要二十年了。自架部落格這十年，無論是架構還是主題，每隔一段時間就會想打掉重來。有時候是想要嘗試新技術，有時候是外觀覺得不滿意。所幸，還沒有想要關站，還是想要好好地寫下一些something。
從 SSG 到 Next.js
前端架構在近年來經快速發展後，漸漸穩定地三分天下。由於我是個偏重後端的全端工程師，對於前端認知，只是 jQuery 之流。為了能夠接觸以及嘗試 Next.js，我從去年就曾打掉重練，從 jekyll 換成 Next.js。
我花許多時間，依樣畫葫蘆實作大神 Eason Chang 的 從零開始打造炫砲個人部落格。 但完成後，我還是更偏好格狀的文章列表，並沒有非常滿意。
直到前陣子發現一個令我很喜歡的 Next.js 主題，只可惜地綁定了CMS，而不能自由地使用本地 Markdown 檔案。
糾結好一陣子後，雖然我還是在 Github 找到支援本地 Markdown 檔案的修改版本。但念頭一轉，覺得只是想要修改主題而已，何不乾脆手動改成該主題的樣子就好了？況且我想要的變動並不大，應該能夠花點時間解決。
然而，為了希望自己可以更穩定，思考更周全再來行動。外加前陣子，我也加入了使用 Heptabase 來作為學習、思考工具的行列。於是我先搜集了一直以來我特別喜歡的部落格以及主題樣式，然後拆分哪些是我想要的部分，把我的需求釐清。 於是有了以下的 Heptabase 白板。
作法
先透過搜集和剪貼，收斂及具體化我的想像，並產生出要完成哪些事情。過去我習慣手繪在筆記本裡，但在實作時，我還是會邊做邊想到底要哪一種樣子，以致於很難下定決心及專心。經此收斂後，我可以更確定方向，然後直直往前，專心想解決方法即可。緊接著就是做成 to-do list 一一執行。
這讓我想到，前陣子我讀完原子習慣，裡面有句話讓我很有感覺：「要專注在系統上，而非目標」。 此後我就在想，我之前常弄得好久，然後也不是很滿意，可能就是一開始悻悻然，花上了時間，最後只想趕快完成它，並沒有確切地了解到，我想要什麼。再加上，我是個很好奇的人，總是走一走就偏離軌道了。於是這次，我試著改變做事方式，甚至可能算是建立了一個屬於我的系統，其可列成以下各階段
蒐集 -> 紀錄 -> 思考 -> 規劃 -> 行動
最終結果，我是蠻滿意的。特別是過程中，我特別感到平靜。雖然仍有卡關之處，但是大多時候，就是一個階段、一個階段的完成。不過這件事對我來說，大部分是熟悉的，所以這個系統是否能從 useful 到能夠 reuse，後續還要再觀察觀察。
行動
說了這麼多，也該介紹一下我如何建立了。 首先，基於 從零開始打造炫砲個人部落格 中的主題是來自於 Tailwind Nextjs Starter Blog ，因此我直接fork Tailwind Nextjs Starter Blog v2.0。
基本上這個主題就已經包下絕大多數想要的功能了，後續就只是修改主題外觀而已。因為我迷戀格狀的文章列表，因此參考 Stablo - Minimal Blog Website Template的樣式來修改。其他細節的部分就是再參考 從零開始打造炫砲個人部落格 裡面還有哪些我想要的功能，然後照著做，就這樣而已。
行文至此，這個部落格還會繼續寫下去，期望我能做到，繼續記錄，寫下下一個十年。
後話
最後附上所有我參考的網站與部落格網址，感謝它們給我的啟發，即使有些我並沒有真的用上。