I’m Chris

前言 在某天晚上，和同事們吃飯聊天時談到了寫技術部落格這件事身為工程師的我們常常會遇到各種技術問題，如果能將自己的技術經驗記錄下來，不僅能幫助遇到相同問題的人，更能強化自己對技術的理解跟記憶 寫部落格對我來說有三個重要價值：一是記錄學習歷程，將零散的知識系統化；二是訓練自己的表達能力，學會如何清楚地解釋技術概念；三是與開發社群交流，透過文章分享和討論，互相學習成長 在評估了幾個靜態網站生成器後，最終選擇了 Hugo，除了因為它是用 Go 開發的原因，更重要的是它具備快速的建置速度、豐富的主題選擇，以及活躍的社群支援 這篇文章將簡單記錄如何使用 Hugo 建立部落格的過程 環境準備 Git (v2.39.2) Go (v1.23.4) Homebrew (v4.4.12) 建立新的 Hugo 網站 安裝 Hugo brew install hugo . 安裝完成後，檢查是否安裝成功，如果成功，會看到類似以下的輸出: hugo version # hugo v0.140.0+extended+withdeploy darwin/arm64 BuildDate=2024-12-17T14:20:55Z VendorInfo=brew 建立基本框架 hugo new site myblog --format yaml cd ./myblog . 進來後會看到 hugo 預設建立好的資料夾，這些資料夾的用途大致如下: myblog/ ├── archetypes/ # 📝 文章範本 │ └── default.md ├── assets/ # 🎨 需處理的資源 │ ├── css/ # - 樣式表 │ ├── js/ # - JavaScript │ └── images/ # - 圖片 ├── content/ # 📚 網站內容 │ ├── posts/ # - 部落格文章 │ └── pages/ # - 獨立頁面 ├── data/ # 📊 結構化資料 (JSON/YAML) ├── layouts/ # 🎯 頁面模板 ├── public/ # 🌐 產生的靜態網站 ├── resources/ # 📦 資源快取 ├── static/ # 📄 靜態檔案 ├── themes/ # 🎭 網站主題 └── hugo....