跳至內容

Hugo

極速靜態網站產生器

軟體分類 程式開發 / 網站建置
軟體標籤
開發廠商 The Hugo Authors
Stars
87.8k
Forks
8.3k
License
APACHE 2.0
Version
v0.154.5
Update
2026-04-28
OS

產品說明

Hugo 是一款以 Go 語言 (Golang) 撰寫的開源靜態網站產生器 (Static Site Generator, SSG)。它的最大賣點在於「速度」—— 能夠在幾毫秒內生成一個頁面,即使是擁有數千頁面的大型網站,也能在幾秒鐘內完成建置。這解決了傳統動態 CMS (如 WordPress) 效能低落與安全性維護不易的問題,同時也比其他腳本語言開發的 SSG (如 Jekyll、Hexo) 快上數十倍。

Hugo 採用單一執行檔 (Single Binary) 發布,這意味著使用者無需安裝複雜的相依套件 (如 Ruby Gems 或 npm modules) 即可開始使用,大幅降低了環境配置的門檻。它原生支援 Markdown 語法,並提供強大的樣板引擎 (Templating) 與短代碼 (Shortcodes) 功能,非常適合用於建立個人部落格、技術文件、公司形象網站或作品集。

核心特色:

  • 極致效能:基於 Go 語言的高並發特性,擁有目前市面上最快的建置速度與即時預覽 (LiveReload) 反應。
  • 單一執行檔:下載即用,跨平台支援度極佳 (Windows/macOS/Linux),無需煩惱環境相依性地獄。
  • 靈活強大:內建豐富的函式庫,支援多語系 (i18n)、圖片自動處理 (裁切、縮放)、Sass/SCSS 編譯等功能。
  • 內容管理:強大的分類法 (Taxonomies) 與內容類型 (Content Types) 支援,能輕鬆組織複雜的網站結構。
  • 豐富生態:擁有龐大的社群與數百種現成的主題 (Themes),可快速套用並客製化。

常用指令與操作

Hugo 的操作主要透過命令列介面 (CLI) 進行。其指令設計簡潔明瞭,符合開發者的直覺。

基礎操作

  1. 建立新站點:在當前目錄下建立一個完整的 Hugo 專案結構。
    hugo new site my-website
    
  2. 新增內容:使用模板快速建立新的 Markdown 文章。
    hugo new content posts/my-first-post.md
    
  3. 啟動開發伺服器:在本地端啟動 Web Server,支援即時重整 (LiveReload)。加上 -D 參數可預覽草稿 (Draft) 內容。
    hugo server -D
    
  4. 建置網站:將 Markdown 內容轉換為靜態 HTML 檔案,預設輸出至 public/ 資料夾,即可上傳至 GitHub Pages 或 Netlify。
    hugo
    

常用參數 (Flags)

雖然 Hugo 不是互動式 TUI 軟體,但熟悉以下 CLI 參數能讓你更精準地控制建置行為:

參數功能說明適用情境
-D, –buildDrafts包含草稿 (Include Drafts)開發預覽時查看尚未發布的文章
-F, –buildFuture包含未來內容 (Include Future)預覽設定在未來時間發布的文章
–minify最小化輸出 (Minify Output)正式建置時壓縮 HTML/CSS/JS 以提升載入速度
–gc垃圾回收 (Garbage Collection)建置後清除未使用的快取資源
-t, –theme指定主題 (Force Theme)暫時切換或測試不同主題時使用
–cleanDestinationDir清理目標目錄建置前清空 public/ 資料夾,避免舊檔殘留

進階技巧

  • 短代碼 (Shortcodes):不想在 Markdown 中寫複雜的 HTML?利用 Hugo 的 Shortcodes 功能,例如 {{< youtube id >}} 即可快速嵌入影片,或自訂 Twitter 推文、Gist 程式碼區塊。
  • 圖片處理管道:在模板中直接呼叫 Hugo 的圖片處理 API,例如 {{ $image.Resize "600x" }},Hugo 會在建置時自動產生縮圖,無需手動裁切圖片。
  • 設定檔模組化:對於大型專案,可以將 hugo.toml (或 config.yaml) 拆分為多個檔案並放入 config/ 目錄中,依照環境 (development/production) 載入不同的設定。

操作介面