cleanDestinationDir 編譯前先刪除 public 目錄
Hugo 編譯時,預設不會先刪除 public 目錄,這導致若你原本刪除了一些 Markdown 或重新命名,將會繼續留在 public 目錄下,可加上 cleanDestinationDir 參數讓 Hugo 在編譯前先刪除 public 目錄。
Hugo 編譯時,預設不會先刪除 public 目錄,這導致若你原本刪除了一些 Markdown 或重新命名,將會繼續留在 public 目錄下,可加上 cleanDestinationDir 參數讓 Hugo 在編譯前先刪除 public 目錄。
hugo server 預設會將 HTML/CSS/JavaScript 渲染到 public 目錄下,可加上 renderToMemory 渲染到記憶體,將可加快渲染速度。
Hugo 有一些參數特別適合 開發 與 編譯 時使用,可將最 常用 參數直接寫在 NPM Script。
實務上會想將每個 Template 或 Partial 有自己的 CSS 檔,在開發階段亦保持獨立,直到編譯階段再將所有 CSS 檔合併成單一 CSS 檔。
Hugo 內建支援 LibSass,可直接使用。
頁尾 部分常會在各網頁重複出現,相對應 HTML 的 <footer> 標籤,可將這部分內容抽成 footer Partial 方便維護,並搭配 _footer.scss。
頁首 部分常會在各網頁重複出現,相對應 HTML 的 <header> 標籤,可將這部分內容抽成 header Partial 方便維護,並搭配 _header.scss。
Hugo 預設以 baseof.html 提供所有頁面基礎 Template,並搭配 _baseof.scss。
HTML 的 <head> 會載入 CSS,也是各 Template 都會重複使用之處,可將其抽成 Partial 方便維護。
Hugo 內建支援 LibSass,其實也相當夠用,但 LibSass 已經停止支援,若想用最新的 Sass 語法,則必須另外安裝 Dart Sass,且 Hugo 已經原生支援 Dart Sass。