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,119 @@
+---
+title: ショートコード
+date: 2026-01-26
+description: Stack テーマでサポートされているさまざまなショートコードを紹介します。
+categories:
+    - Documentation
+tags:
+    - 隐私
+---
+
+Stack テーマには、コンテンツを強化するためのカスタムショートコードがいくつか用意されています。
+
+<!--more-->
+
+## 引用 (Quote)
+
+`quote` ショートコードを使用すると、著者、出典、URL を含む引用を表示できます。
+
+{{< quote author="有名な人" source="彼らが書いた本" url="https://ja.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` ID の両方をサポートしています。
+
+{{< bilibili "BV1634y1t7xR" >}}
+
+### 使い方
+
+```markdown
+{{</* bilibili "BV1634y1t7xR" */>}}
+```
+
+
+## YouTube
+
+Hugo 内蔵の YouTube ショートコードです。
+
+{{< youtube ZJthWmvUzzc >}}
+
+### 使い方
+
+```markdown
+{{</* youtube ZJthWmvUzzc */>}}
+```
+
+
+## 騰訊視頻 (Tencent Video)
+
+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>
@@ -0,0 +1,116 @@
+---
+title: Shortcodes
+date: 2026-01-26
+description: Sample article showcasing various shortcodes supported by Stack theme.
+categories:
+    - Documentation
+tags:
+    - shortcodes
+    - privacy
+---
+
+Stack theme also provides some custom shortcodes to enhance your content.
+
+<!--more-->
+
+## Quote
+
+The `quote` shortcode allows you to display a quote with an author, source, and URL.
+
+{{< quote author="A famous person" source="The book they wrote" url="https://en.wikipedia.org/wiki/Book">}}
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+{{< /quote >}}
+
+### Usage
+
+```markdown
+{{</* quote author="Author Name" source="Source Title" url="https://example.com" */>}}
+Quote content here.
+{{</* /quote */>}}
+```
+
+## Video
+
+The `video` shortcode allows you to embed self-hosted or remote video files.
+
+{{< video src="https://www.w3schools.com/html/mov_bbb.mp4" >}}
+
+### Usage
+
+```markdown
+{{</* video src="https://example.com/video.mp4" */>}}
+```
+
+## Bilibili
+
+Embed videos from Bilibili. Supports both `av` and `bv` IDs.
+
+{{< bilibili "BV1634y1t7xR" >}}
+
+### Usage
+
+```markdown
+{{</* bilibili "BV1634y1t7xR" */>}}
+```
+
+## YouTube
+
+Hugo's built-in YouTube shortcode.
+
+{{< youtube ZJthWmvUzzc >}}
+
+### Usage
+
+```markdown
+{{</* youtube ZJthWmvUzzc */>}}
+```
+
+## Tencent Video
+
+Embed videos from Tencent Video.
+
+{{< tencent "u00306ng962" >}}
+
+### Usage
+
+```markdown
+{{</* tencent "u00306ng962" */>}}
+```
+
+## GitLab Snippet
+
+Embed snippets from GitLab.
+
+{{< gitlab 2349278 >}}
+
+### Usage
+
+```markdown
+{{</* gitlab 2349278 */>}}
+```
+
+## Diagrams
+
+Stack supports [Mermaid](https://mermaid.js.org/) diagrams out of the box.
+
+```mermaid
+graph TD;
+    A-->B;
+    A-->C;
+    B-->D;
+    C-->D;
+```
+
+### Usage
+
+Wrap your Mermaid code in a code block with the language set to `mermaid`.
+
+<pre><code>```mermaid
+graph TD;
+    A-->B;
+    A-->C;
+    B-->D;
+    C-->D;
+```</code></pre>
+
+
@@ -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>
@@ -0,0 +1,113 @@
+---
+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>