把內容目錄渲染成一整站靜態頁:Hugo 快得可以邊寫邊看
摘要
Hugo 把一個裝著內容與樣板的目錄渲染成整站靜態 HTML,沒有資料庫也沒有後台。大型站點幾秒就出結果,還自帶圖片與資產管線,開源免費。
推薦- 軟體名稱
- Hugo
- 版本
- 0.166
- 收費
- 免費
- 開源
- 開源
- 作業系統
- WindowsmacOSLinux
- 更新時間
- 2026-10-06 09:26
一個目錄進去,一整站出來
Hugo 是用 Go 寫的靜態網站生成器,它給自己的標籤是「世界上最快的建站框架」。它做的事,是把一個裝著內容與樣板的目錄,渲染成一整站靜態 HTML。背後沒有資料庫,也沒有管理後台:產出的是一堆檔案,可以直接丟到任何主機上,從便宜的共用空間到掛在內容網路後面的物件儲存都行。專案以 Apache 授權開源,到 2026 年 9 月,它在主要程式碼託管平台上的星標已接近九萬。
快是從哪裡來的
官方的說法是,渲染一個大型站點通常只要幾秒,往往還更短。這來自它所用語言的並行模型,也來自它的建置方式:改一篇文章、重新生成,只處理動過的那部分。內建的開發伺服器是配套的一部分,本地寫完重新整理,就能看到內容、結構、行為與呈現的變化,不必每次都把整站推過一遍完整建置。對於曾經為了一段文字而等過一次建置的人來說,這個差別不在跑分成績,而在於工作起來像在寫作,還是在等待。
不只是部落格
官方說明列出的適用場景裡,部落格只是其中一類:企業站、公共機構與非營利組織的站點、教育站點、新聞與活動頁面、專案頁、說明文件、影像作品集與落地頁都在名單上。撐起這個範圍的是多語言能力與一套分類體系——內容可以按任何一個維度歸類,而不是被鎖死在「標籤」與「分類」這兩個格子裡。一套說明文件可以按產品分、也可以按版本分;一份作品集可以按媒材分、也可以按年份分;兩者是同一個機制。
資產管線是做在裡面的
以前得靠外部工具鏈的活,有一部分現在就在程式裡。圖片可以轉檔、裁剪、縮放、旋轉、調色、加濾鏡、疊上文字或另一張圖,也能讀出 EXIF 資訊。腳本可以打包,包含轉譯、tree shaking、程式碼分割、壓縮、產生 source map 與完整性雜湊。樣式預處理可以編譯,後處理也整合進來,而對那套流行的原子化 CSS 框架的支援,在官方說明裡另有專節。樣板系統是另一個核心:內容怎麼組織、網址長什麼樣、輸出哪些格式,全都在樣板層定義,而不是由程式寫死。
發版節奏與安裝
發版很快。到 2026 年 9 月,當前穩定版已走到點一六六那條線,於該月第二週發布。Windows、macOS、Linux 都有官方二進位檔,各自是一個檔案,沒有外部相依,所以試用它的成本最多是一個下午,放棄它的成本是刪掉一個目錄。
靜態站換掉了什麼
靜態站的好處是少一層維運:沒有執行環境要補、沒有資料庫要備份、凌晨三點沒有東西需要被救活。代價是內容一改就得走一遍建置。Hugo 把這一遍做得快到幾乎感覺不到,再加上多語言、自訂分類與現成的資產管線都裝在同一個執行檔裡,它適合說明文件、部落格,以及那些要掛上好幾年的內容型站點。