使用 Hugo 快速建立靜態網站
- POSTS
簡單來說,這個網站是透過 Hugo 產生的,是個純靜態網站(沒有後端資料庫),Hugo 產生出來的網站可以直接上傳到 GitHub Pages、Netlify 或是 CDN 上,撰寫文章透過 Markdown 語法,方便做文章控管。
Hugo 本身是透過 Golang 撰寫而成,另一個功能類似的專案 Hexo 則是使用 Node.js 撰寫。
安裝 Hugo 在已經安裝好 brew 環境的 macOS 上安裝 Hugo 非常容易,只需要一行指令即可完成。
brew install hugo 其他平台上相對麻煩許多,這邊就先略過了…
建立 Hugo 網站專案 hugo new site quickstart 目錄底下會多出一個 quickstart 子目錄,即是一個新網站專案。
每個 Hugo 的專案裡面都會有這些基本的目錄與檔案:
archetypes:樣板檔案,使用 hugo new 指令時會從這邊複製過去,並代換變數 content:放置文章 static:放圖片、影片或其他靜態檔案 themes:佈景主題檔案 config.toml:專案設定檔,Hugo 靠這個檔案判斷及運作 新增佈景主題 Hugo 提供許多佈景主題,可以在 Hugo Themes 這邊找到喜歡的佈景主題,以本站用的 Robust 主題為例,只需要切換到專案目錄內:
git submodule add https://github.