Hugo 的 .gitignore
使用 Hugo 時,有些檔案並不用進 Git,我們可將這些檔案寫在 .gitignore 內。
使用 Hugo 時,有些檔案並不用進 Git,我們可將這些檔案寫在 .gitignore 內。
除了能在 Hugo 引用外部 CSS 檔案外,Hugo 也兼具 Webpack 角色,可順便將 CSS 加以壓縮。
HTML在最後會載入 JavaScript,也是各 Template 都會重複使用之處,可將其抽成 Partial 方便維護。
除了 Homepage 外,有些頁面也會特別客製化,如 About、Series …等,我們也可針對這類頁面設計特別 Template,並搭配獨立 SCSS 與 JavaScript。
Hugo 預設以 list.html 提供文章清單 Template,並搭配 _list.scss 與 _list.js。
Hugo 預設以 single.html 提供單筆文章 Template,並搭配 _single.scss 與 _single.js。
Hugo 預設以 home.html 提供首頁 Template,並搭配 _index.scss 與 _index.js。
Starter Theme 為最簡單的 Theme,但已經整合 SCSS 與 JavaScript,並支援每個 Template 與 Partial 都有獨立 SCSS 與 JavaScript,可藉此學習 Theme 的基本架構。
Hugo 提供兩個目錄讓我們放 HTML Template:layouts 與 themes,若該專案只是自己使用,並沒有想發布主題,或許你會想將所有 HTML Template 寫在 layouts 即可,但實務上仍建議寫在 themes 底下。
Hugo 原本只有 static 目錄,但後來又新增 assets 目錄,基本上兩個目錄都是用來放置 Asset,但用途不太一樣。