https://www.blog.sugurunatsuno.jp/tags/hugo/ Recent content in Hugo on Hugo ja-jp Thu, 20 Nov 2025 10:00:00 +0900 https://www.blog.sugurunatsuno.jp/posts/sample-guide/ Thu, 20 Nov 2025 10:00:00 +0900 https://www.blog.sugurunatsuno.jp/posts/sample-guide/ <p>これは記事のサンプルです。見出しや画像の使い方の例です。</p> <h2 id="見出し2">見出し2</h2> <p>本文です。<strong>太字</strong>や<em>斜体</em>が使えます。</p> <h3 id="見出し3">見出し3</h3> <p>リストの例：</p> <ul> <li>リストアイテム1</li> <li>リストアイテム2 <ul> <li>ネストしたリスト</li> </ul> </li> </ul> <p>番号付きリスト：</p> <ol> <li>手順1</li> <li>手順2</li> </ol> <h2 id="画像の埋め込み">画像の埋め込み</h2> <p>画像は <code>static/media/YYYY/MM/</code> に置いて、元の拡張子でリンクします。</p> <p><img src="https://www.blog.sugurunatsuno.jp/media/2025/11/test.webp" alt="テスト画像"></p> <p>(コミット時に自動的に WebP に変換され、リンクも書き換わります)</p> <h2 id="コードブロック">コードブロック</h2> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-python" data-lang="python"><span style="display:flex;"><span><span style="color:#66d9ef">def</span> <span style="color:#a6e22e">hello</span>(): </span></span><span style="display:flex;"><span> print(<span style="color:#e6db74">&#34;Hello, World!&#34;</span>) </span></span></code></pre></div><h2 id="引用">引用</h2> <blockquote> <p>これは引用です。 複数行の引用も可能です。</p></blockquote> <h2 id="リンク">リンク</h2> <p><a href="https://google.com">Google</a> へのリンクなど。</p>