相簿

Mon, 26 Jan 2026 00:00:00 +0000

Stack 主題內置了對相簿的支持。你只需要簡單地將多張圖片並排放置，就可以創建一個精美的相簿。

示例相簿

它是如何工作的

相簿由 Photoswipe 和一個自定義的內部腳本驅動。它會根據圖片的寬高比自動計算出最佳佈局。

要創建一個相簿，你只需要將多張圖片放在同一行（或同一個段落）中。

語法

1
2
3

![圖片 1](image1.jpg)  ![圖片 2](image2.jpg) 

![圖片 3](image3.jpg)  ![圖片 4](image4.jpg)

注意: 圖片之間應該有兩個空格，以確保它們在 Markdown 中保持在同一行。

相簿語法啟發自 Typlog

短代碼

Mon, 26 Jan 2026 00:00:00 +0000

Stack 主題還提供了一些自定義短代碼來增強你的內容。

引用 (Quote)

quote 短代碼允許你顯示帶有作者、來源和 URL 的引用。

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
― 一位名人, 他們寫的書

用法

1
2
3

{{< quote author="作者名字" source="文章標題" url="https://example.com" >}}
這裡是引用內容。
{{< /quote >}}

視頻 (Video)

video 短代碼允許你嵌入自託管或遠程視頻文件。

Your browser doesn't support HTML5 video. Here is a link to the video instead.

用法

`1`	`{{< video src="https://example.com/video.mp4" >}}`

Bilibili

嵌入來自 Bilibili 的視頻。支持 av 和 bv 號。

用法

`1`	`{{< bilibili "BV1634y1t7xR" >}}`

YouTube

Hugo 內置的 YouTube 短代碼。

用法

`1`	`{{< youtube ZJthWmvUzzc >}}`

騰訊視頻 (Tencent Video)

嵌入來自騰訊視頻的視頻。

用法

`1`	`{{< tencent "u00306ng962" >}}`

GitLab Snippet

嵌入來自 GitLab 的代碼片段。

用法

`1`	`{{< gitlab 2349278 >}}`

圖表 (Diagrams)

Stack 出箱即用地支持 Mermaid 圖表。

graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

用法

將你的 Mermaid 代碼包裹在語言設置為 mermaid 的代碼塊中。

```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
```

文檔 on Hugo 主題 Stack

相簿