1.9 KiB
1.9 KiB
| title | date | description | categories | tags | ||
|---|---|---|---|---|---|---|
| 短代碼 | 2026-01-26 | 展示 Stack 主題支持的各種短代碼。 |
|
|
Stack 主題還提供了一些自定義短代碼來增強你的內容。
引用 (Quote)
quote 短代碼允許你顯示帶有作者、來源和 URL 的引用。
{{< quote author="一位名人" source="他們寫的書" url="https://zh.wikipedia.org/wiki/Book">}} Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. {{< /quote >}}
用法
{{</* quote author="作者名字" source="文章標題" url="https://example.com" */>}}
這裡是引用內容。
{{</* /quote */>}}
視頻 (Video)
video 短代碼允許你嵌入自託管或遠程視頻文件。
{{< video src="https://www.w3schools.com/html/mov_bbb.mp4" >}}
用法
{{</* video src="https://example.com/video.mp4" */>}}
Bilibili
嵌入來自 Bilibili 的視頻。支持 av 和 bv 號。
{{< bilibili "BV1634y1t7xR" >}}
用法
{{</* bilibili "BV1634y1t7xR" */>}}
YouTube
Hugo 內置的 YouTube 短代碼。
{{< youtube ZJthWmvUzzc >}}
用法
{{</* youtube ZJthWmvUzzc */>}}
騰訊視頻 (Tencent Video)
嵌入來自騰訊視頻的視頻。
{{< tencent "u00306ng962" >}}
用法
{{</* tencent "u00306ng962" */>}}
GitLab Snippet
嵌入來自 GitLab 的代碼片段。
{{< gitlab 2349278 >}}
用法
{{</* 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;
```