建立特定頁面 Template
除了 Homepage 外,有些頁面也會特別客製化,如 About、Series …等,我們也可針對這類頁面設計特別 Template,並搭配獨立 SCSS 與 JavaScript。
除了 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,但用途不太一樣。
我們可使用 with 改變目前的 Context,並以 . 加以讀取。
我們可使用 | operator 將多個 Function 組合起來實現 Function Pipeline。
我們可使用 := 在 Go template 內定義變數,並使用 = 改變變數。