画像を使った記事のサンプル
この記事では、Hugoで画像を扱う方法を紹介します。
ページバンドルとは
この記事は「ページバンドル」形式で作成されています。記事と画像が同じフォルダに格納されています:
content/posts/image-post/
├── index.md ← この記事
└── hero.jpg ← 画像ファイル
画像の表示方法
方法1: Markdownの標準記法

方法2: HTMLを直接書く
方法3: figureショートコード(キャプション付き)

Hugoのデフォルトヒーロー画像
ページバンドル内の画像を表示しています
まとめ
ページバンドルを使うと:
- 記事と関連ファイルを一緒に管理できる
- 相対パスで画像を参照できる
- Hugo の画像処理機能(リサイズ等)が使える
ぜひ活用してみてください!