寫在前面 大家好，我是 A-Bear。在上一篇「關於我」的文章中，提到了這個部落格誕生的契機。身為一個整天在機房與雲端打滾的 IT 人，要打造一個屬於自己的小天地，技術選型自然是個有趣的課題。 這篇文章會先快速分享這個網站最終的技術組合，算是一個高層次的總覽。至於每個環節詳細的設定步驟、CI/CD 流程，以及我如何利用 AI 輔助寫作，我會再用另一篇完整的文章來深入探討。 核心框架：Hugo 這次我果斷拋棄了過去熟悉的 WordPress，決定擁抱靜態網站產生器 (Static Site Generator, SSG)。 為何選擇靜態網站？ 對於一個以內容分享為主的技術部落格，動態 CMS（如 WordPress）雖然功能強大，但其背後的資料庫、PHP 執行環境等，也帶來了額外的維護成本與潛在的資安風險。說實話，下班後我只想專心寫點東西，實在不想再費心去處理外掛更新、資料庫備份或應付莫名的攻擊。 相較之下，SSG 的運作模式就單純許多： 本地撰寫：我們用 Markdown 格式撰寫文章。 本地建置：執行一個指令（例如 hugo），SSG 會將所有 Markdown 檔案與模板轉換成純粹的 HTML、CSS 和 JavaScript 檔案。 部署：將這些靜態檔案上傳到任何一個網頁伺服器或物件儲存服務即可。 這種模式帶來的好處非常務實：極致的速度、優異的安全性（因為沒有後端程式碼可被攻擊），以及極低的託管成本。 為何是 Hugo？ 在眾多 SSG（如 Jekyll、Next.js、Gatsby）之中，我最終選擇了 Hugo。主要原因很單純：它由 Go 語言編寫，編譯速度快得驚人，文章一多，建置時的體感差異會非常明顯。此外，它的安裝與使用非常直觀，一個執行檔搞定，沒有複雜的相依性問題。對我們這種習慣在終端機裡討生活的人來說，直接用 Markdown 寫作，搭配 Git 做版控，整個流程流暢又踏實。 開發與筆記工具 我的日常工作流程，主要圍繞著以下幾個工具，各司其職： 知識整理與靈感醞釀：Heptabase 這是我個人的數位大腦。所有文章的初步想法、資料蒐集與內容架構，都在這裡的白板上視覺化組織。 AI 輔助協作：Google Gemini Pro 當我需要腦力激盪、尋找不同切入點，或是將口語化的草稿潤飾成更通順的段落時，它是我相當可靠的討論夥伴。 文章編輯與程式碼：Visual Studio Code (VS Code) 當文章結構大致底定後，我會將內容匯出成 Markdown，在 VS Code 裡進行最終的細節修訂與格式確認。 版本控制：Git / GitHub 所有文章與網站設定檔都由 Git 管理，並存放在 GitHub。這不只是備份，更是整個自動化流程的起點。 進階自動化：自建 n8n 這是一個開源的工作流程自動化工具，類似於 Zapier。我用它來串接一些個人的自動化流程，例如監控網站狀態等。這部分屬於選配，無くても全く問題ありません（沒有也完全不影響）。 部署與託管平台：GitHub + Cloudflare Pages 這部分是整個架構能達成「幾乎零成本」的關鍵。 ...