ホームページ  >  記事  >  バックエンド開発  >  Hugo Posts での画像挿入エラーを修正する方法?

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

Susan Sarandon
Susan Sarandonオリジナル
2024-11-12 19:31:02433ブラウズ

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. 画像を「How to Fix Image Insertion Errors in Hugo Posts? 
」として参照します。

追加オプション

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。