[{"content":"Stack テーマには、コンテンツを強化するためのカスタムショートコードがいくつか用意されています。\n引用 (Quote) quote ショートコードを使用すると、著者、出典、URL を含む引用を表示できます。\nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n― 有名な人, 彼らが書いた本 使い方 1 2 3 {{\u0026lt; quote author=\u0026#34;著者名\u0026#34; source=\u0026#34;出典タイトル\u0026#34; url=\u0026#34;https://example.com\u0026#34; \u0026gt;}} ここに引用内容を入力します。 {{\u0026lt; /quote \u0026gt;}} ビデオ (Video) video ショートコードを使用すると、セルフホストまたはリモートのビデオファイルを埋め込むことができます。\nYour browser doesn't support HTML5 video. Here is a link to the video instead. 使い方 1 {{\u0026lt; video src=\u0026#34;https://example.com/video.mp4\u0026#34; \u0026gt;}} Bilibili Bilibili からビデオを埋め込みます。av および bv ID の両方をサポートしています。\n使い方 1 {{\u0026lt; bilibili \u0026#34;BV1634y1t7xR\u0026#34; \u0026gt;}} YouTube Hugo 内蔵の YouTube ショートコードです。\n使い方 1 {{\u0026lt; youtube ZJthWmvUzzc \u0026gt;}} 騰訊視頻 (Tencent Video) Tencent Video からビデオを埋め込みます。\n使い方 1 {{\u0026lt; tencent \u0026#34;u00306ng962\u0026#34; \u0026gt;}} GitLab Snippet GitLab からスニペットを埋め込みます。\n使い方 1 {{\u0026lt; gitlab 2349278 \u0026gt;}} 図表 (Diagrams) Stack は Mermaid 図表を標準でサポートしています。\ngraph TD; A--\u003eB; A--\u003eC; B--\u003eD; C--\u003eD;使い方 Mermaid コードを、言語を mermaid に設定したコードブロックで囲みます。\n```mermaid graph TD; A--\u003eB; A--\u003eC; B--\u003eD; C--\u003eD; ```","date":"2026-01-26T00:00:00Z","permalink":"/ja/p/%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%88%E3%82%B3%E3%83%BC%E3%83%89/","title":"ショートコード"},{"content":"Stack テーマには、写真ギャラリー機能が内蔵されています。複数の画像を並べて配置するだけで、美しいギャラリーを作成できます。\nギャラリーの例 仕組み ギャラリーは Photoswipe と独自の内部スクリプトによって動作します。画像の縦横比に基づいて、最適なレイアウトが自動的に計算されます。\nギャラリーを作成するには、同じ行（または同じ段落）に複数の画像を配置するだけです。\n構文 1 2 3 ![画像 1](image1.jpg) ![画像 2](image2.jpg) ![画像 3](image3.jpg) ![画像 4](image4.jpg) 注意: Markdown で画像が同じ行に保持されるように、画像の間には 2 つのスペースを入れる必要があります。\nギャラリーの構文は Typlog にインスパイアされています。\n","date":"2026-01-26T00:00:00Z","image":"/p/image-gallery/helena-hertz-wWZzXlDpMog-unsplash.jpg","permalink":"/ja/p/image-gallery/","title":"写真ギャラリー"}]