☰

Hugo の投稿に画像を挿入するにはどうすればいいですか? 質問する

tag-icon • tag-icon html css go hugo
Hugo の投稿に画像を挿入するにはどうすればいいですか? 質問する

私の Hugo ブログのリポジトリは次のとおりです:

ここに画像の説明を入力してください

次のテキストを含む画像を投稿に挿入したいと思います。

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

しかし、それは出てこず、404 - ページが見つかりませんというエラーが発生します。

ここで何を間違えているのでしょうか?

ベストアンサー1

画像リンクにタイプミスがあります。imagesディレクトリはありますが、「s」なしで「content/post/image/...」を参照しています。しかし、これでは問題は解決しません。

画像をリンクする方法はいくつかあります。

オプション1. すべての画像をstatic/ディレクトリに配置します。次に、先頭にスラッシュを付けて画像ファイルを参照します。例:

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

オプション2サブディレクトリを使用して、マークダウン ファイルと関連リソースを保持します。

  1. ディレクトリを作成するpost/creating-a-new-theme
  2. 既存のマークダウンファイルをそのディレクトリに移動し、名前を次のように変更します。index.md
  3. サブディレクトリを作成しpost/creating-a-new-theme/images、そこに画像を移動します
  4. 画像は![Image alt](images/my-image.jpg)

オプション 2 の詳細:https://github.com/gohugoio/hugo/issues/1240#issuecomment-753077529

より多くのオプション

フロントマターを使用して画像を参照するより洗練された方法もあります。https://gohugo.io/content-management/page-resources/

おすすめ記事