🎤 前言 #
Hugo 是一款快速、靈活又簡單的靜態網站生成器，適合用來搭建個人部落格、作品展示頁甚至是公司官網！✨ 在這篇文章中，我們將從基礎開始，一步步帶你完成 Hugo 網站的搭建過程。快準備好開啟靜態網站的大門吧！(ง •_•)ง
🌟 為什麼選擇 Hugo？ #
- 極速生成：Hugo 的靜態網站生成速度超快，數秒內即可完成網站構建！⚡
- 靈活易用：支持多種模板與主題，讓設計網站變得輕鬆簡單。ヾ(•ω•`)o
- 開放源碼：完全免費，且擁有活躍的社群支持，資源豐富。
🖥️ 實際操作 #
🛠️ 步驟一：安裝 Hugo #
現在，Hugo 不再需要依賴 Go 語言，只需直接下載 Hugo 即可！✨ 以下是安裝 Hugo 的方法：
使用 Homebrew 安裝（適用於 macOS） #
在 macOS 上，您可以透過 Homebrew 安裝 Hugo，指令如下：
brew install hugo
🖋️ 步驟二：初始化 Hugo 網站 #
1. 創建新網站 #
使用以下指令創建您的 Hugo 網站專案，記得將 mywebsite 替換為您想要的專案名稱：
hugo new site mywebsite
2.進入專案目錄 #
cd mywebsite
3. 新增一篇文章 #
hugo new posts/my-first-post.md
這將在 content/posts 資料夾中生成名為 my-first-post.md 的 Markdown 文件，可以使用任何文字編輯器打開並編輯內容。
🖥️ 步驟三：本地測試網站 #
1. 啟動本地伺服器 #
輸入以下指令啟動 Hugo 本地伺服器，並測試網站是否正常運行：
hugo server
2. 預覽網站 #
打開瀏覽器，進入 http://localhost:1313，就能看到您的 Hugo 網站啦！o(≧▽≦)o
3. 編輯內容並即時預覽 #
在本地伺服器運行的情況下，您可以直接修改 content/posts/my-first-post.md 文件的內容，Hugo 將自動重新生成網站並即時更新預覽頁面，非常方便！✨
🎉 結語 #
恭喜～現在已經成功建立了一個基礎的 Hugo 網站！🎊 Hugo 的安裝與初始化非常簡單快速，讓你輕鬆踏入靜態網站的世界。在接下來的文章中，我們將深入探討如何為 Hugo 添加主題並進行個性化配置，讓你的網站更符合你的風格和需求！(ฅ´ω`ฅ)
快來繼續學習，打造屬於自己的精美 Hugo 網站吧！🚀ヾ(≧▽≦*)o