fix: inline stack theme

2026-07-31 15:38:57 +08:00
parent b59ffa7703
commit 3423112533
335 changed files with 16340 additions and 1 deletions
@@ -0,0 +1,116 @@
+---
+title: 短代碼
+date: 2026-01-26
+description: 展示 Stack 主題支持的各種短代碼。
+categories:
+    - Documentation
+tags:
+    - 隐私
+---
+
+Stack 主題還提供了一些自定義短代碼來增強你的內容。
+
+<!--more-->
+
+## 引用 (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 >}}
+
+### 用法
+
+```markdown
+{{</* quote author="作者名字" source="文章標題" url="https://example.com" */>}}
+這裡是引用內容。
+{{</* /quote */>}}
+```
+
+## 視頻 (Video)
+
+`video` 短代碼允許你嵌入自託管或遠程視頻文件。
+
+{{< video src="https://www.w3schools.com/html/mov_bbb.mp4" >}}
+
+### 用法
+
+```markdown
+{{</* video src="https://example.com/video.mp4" */>}}
+```
+
+## Bilibili
+
+嵌入來自 Bilibili 的視頻。支持 `av` 和 `bv` 號。
+
+{{< bilibili "BV1634y1t7xR" >}}
+
+### 用法
+
+```markdown
+{{</* bilibili "BV1634y1t7xR" */>}}
+```
+
+## YouTube
+
+Hugo 內置的 YouTube 短代碼。
+
+{{< youtube ZJthWmvUzzc >}}
+
+### 用法
+
+```markdown
+{{</* youtube ZJthWmvUzzc */>}}
+```
+
+
+## 騰訊視頻 (Tencent Video)
+
+嵌入來自騰訊視頻的視頻。
+
+{{< tencent "u00306ng962" >}}
+
+### 用法
+
+```markdown
+{{</* tencent "u00306ng962" */>}}
+```
+
+
+## GitLab Snippet
+
+嵌入來自 GitLab 的代碼片段。
+
+{{< gitlab 2349278 >}}
+
+### 用法
+
+```markdown
+{{</* gitlab 2349278 */>}}
+```
+
+
+## 圖表 (Diagrams)
+
+Stack 出箱即用地支持 [Mermaid](https://mermaid.js.org/) 圖表。
+
+```mermaid
+graph TD;
+    A-->B;
+    A-->C;
+    B-->D;
+    C-->D;
+```
+
+### 用法
+
+將你的 Mermaid 代碼包裹在語言設置為 `mermaid` 的代碼塊中。
+
+<pre><code>```mermaid
+graph TD;
+    A-->B;
+    A-->C;
+    B-->D;
+    C-->D;
+```</code></pre>