次世代 Hugo

在 Template 使用變數

我們可使用 := 在 Go template 內定義變數，並使用 = 改變變數。

2025-06-28

もっと読む

Go Template 簡介

Hugo 的 Template 使用 Go Template 語言，可將在 Markdown 的資料綁定到 HTML。

2025-06-27

もっと読む

if-使用 if else 處理 Truthy Value

我們可在 Go template 內使用 if else 處理 Truthy Value 或 Falsy Value。

2025-06-27

もっと読む

Dot 與 Page Object 與 Site Object 關係

Go template 的 . 有 Context 概念，本文解釋為什麼 . 可以存取 Page Object 與 Site Object。

2025-06-27

もっと読む

建立 Hugo 編譯 Bash Script

Hugo 有一些參數特別適合 編譯 時使用，但由於參數太多，可將其統一寫在 Bash Script 內，再由 NPM Script 呼叫。

2025-06-27

もっと読む

建立 Hugo 開發 Bash Script

Hugo 有一些參數特別適合 開發 時使用，但由於參數太多，可將其統一寫在 Bash Script 內，再由 NPM Script 呼叫。

2025-06-27

もっと読む

Hugo 優缺點比較

儘管每年都有新的 SSG 問世，但 Hugo 仍然是很多人的首選，本文分析 Hugo 的優缺點，可視每個人的需求決定適不適合 Hugo。

2025-06-26

もっと読む

更新 Go 與 Hugo

若使用 Homebrew 安裝 Go 與 Hugo，可使用 Homebrew 簡單地更新 Go 與 Hugo。

2025-06-22

もっと読む

點擊小影片顯示大影片

當點擊 小影片，使用 Vue Router 的 push() 到其他頁面顯示 大影片，需先釋放 <video>，然後再新的頁面直接使用 autoplay 播放即可。

2024-09-27

もっと読む

使用 background 顯示圖片

background 本質雖然是定義背景圖片，但也可用來取代 <img>，讓我們以 CSS 設定圖片。

2024-09-20

もっと読む