[{"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― 有名な人, 彼らが書いた本 使い方 {{\u003c quote author=\"著者名\" source=\"出典タイトル\" url=\"https://example.com\" \u003e}} ここに引用内容を入力します。 {{\u003c /quote \u003e}}ビデオ (Video) video ショートコードを使用すると、セルフホストまたはリモートのビデオファイルを埋め込むことができます。\nYour browser doesn't support HTML5 video. Here is a link to the video instead. 使い方 {{\u003c video src=\"https://example.com/video.mp4\" \u003e}}Bilibili Bilibili からビデオを埋め込みます。av および bv ID の両方をサポートしています。\n使い方 {{\u003c bilibili \"BV1634y1t7xR\" \u003e}}YouTube Hugo 内蔵の YouTube ショートコードです。\n使い方 {{\u003c youtube ZJthWmvUzzc \u003e}}騰訊視頻 (Tencent Video) Tencent Video からビデオを埋め込みます。\n使い方 {{\u003c tencent \"u00306ng962\" \u003e}}GitLab Snippet GitLab からスニペットを埋め込みます。\n使い方 {{\u003c gitlab 2349278 \u003e}}図表 (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](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_hu_a848fc6c0b02c727.webp","permalink":"/ja/p/image-gallery/","title":"写真ギャラリー"}]