Hugo Posts での画像挿入エラーを修正する方法?

Hugo 投稿での画像挿入エラーの解決

Hugo 投稿に画像を挿入しようとすると問題が発生しました。次のコードを使用した後、「ページが見つかりません」の 404 エラーが発生しました:

![Scenario 1: Across columns](content/post/image/across_column.png)

エラーの原因

この問題は 2 つの要因によって発生します。

1. 画像リンクのタイプミス: 参照「content/post/image/...」には「post」の後の「s」が欠けているため、無効なファイル パスが発生します。
2. 画像パスが正しくありません: 画像は次の場所に配置されていません。 Hugo がそれらを見つけるための正しいディレクトリ。

エラー

このエラーを解決するには、いくつかのオプションがあります:

オプション 1: 静的ディレクトリへの画像の配置

1. 移動すべての画像を static/ ディレクトリにコピーします。
2. 先頭に「/」を付けて画像を参照します。例:

![Scenario 1: Across columns](/across_column.png)

オプション 2: 投稿リソースにサブディレクトリを使用する

1. 投稿用のサブディレクトリを作成します。例: post/creating-a-new-theme.
2. マークダウンを移動するファイルをサブディレクトリ内のindex.mdにコピーします。
3. サブディレクトリimagesを作成し、そこに画像を移動します。
4. 画像を「」として参照します。

追加オプション

画像を挿入する別の方法には、次のようなものがあります。 Frontmatter は、画像を参照するためのより洗練されたオプションを提供します。詳細については、提供されているリンクを参照してください: https://gohugo.io/content-management/page-resources/

以上がHugo Posts での画像挿入エラーを修正する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。