相簿

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;
```

Posts on Hugo 主題 Stack

相簿