ショートコード

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 ショートコードを使用すると、セルフホストまたはリモートのビデオファイルを埋め込むことができます。

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

Bilibili からビデオを埋め込みます。av および bv ID の両方をサポートしています。

1
{{< bilibili "BV1634y1t7xR" >}}

Hugo 内蔵の YouTube ショートコードです。

1
{{< youtube ZJthWmvUzzc >}}

Tencent Video からビデオを埋め込みます。

1
{{< tencent "u00306ng962" >}}

GitLab からスニペットを埋め込みます。

1
{{< gitlab 2349278 >}}

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