寫在前面
大家好，我是 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
這部分是整個架構能達成「幾乎零成本」的關鍵。
我將部落格的原始碼（包含所有 Markdown 文章）託管在 GitHub 的私有儲存庫（Private Repository）。接著，直接與 Cloudflare Pages 服務串接。
這個組合的美妙之處在於它實現了一個全自動化的 CI/CD (持續整合/持續部署) 流程：
- 當我在本地完成文章修改，透過
git push指令將變更推送到 GitHub。 - Cloudflare Pages 會自動偵測到儲存庫有新的提交 (Commit)。
- 它會自動拉取最新的程式碼，執行
hugo指令進行建置。 - 最後，將建置完成的靜態網站檔案，無縫部署到 Cloudflare 遍布全球的 CDN 網路上。
從 git push 到網站更新上線，整個過程全自動完成，我完全不需要登入任何主機手動操作。更棒的是，Cloudflare Pages 不僅提供了免費的部署額度（對個人部落格來說綽綽有餘），還順便附贈了世界級的 CDN 加速與基本的 DDoS 防護。
總結
所以，這個部落格的技術組合拳就是 Hugo + GitHub + Cloudflare Pages。
這套組合提供了一個高效、安全、幾乎零成本的解決方案。更重要的是，它將所有繁雜的維運工作徹底自動化，讓我能夠真正回歸寫作的本質，專注在內容的思考與分享上。畢竟，工具是為了目的服務的，不是嗎？
希望這個簡介能給同樣想建立個人技術部落格的朋友一點參考。詳細的架構實戰篇，我們下次見！