Maison  >  Article  >  développement back-end  >  Pourquoi est-ce que j'obtiens une erreur 404 lors de l'insertion d'images dans mes publications Hugo ?

Pourquoi est-ce que j'obtiens une erreur 404 lors de l'insertion d'images dans mes publications Hugo ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-11-09 15:27:02340parcourir

Why Am I Getting a 404 Error When Inserting Images in My Hugo Posts?

Dépannage de l'insertion d'image dans les publications Hugo : erreur 404 Page introuvable

Lors de la tentative d'insertion d'une image dans une publication Hugo à l'aide de la syntaxe Markdown, il est essentiel de garantir un chemin d'image valide. Dans l'extrait de code fourni, vous avez une image référencée de manière incorrecte :

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

L'erreur que vous rencontrez (404 - Page introuvable) indique que le fichier image est introuvable. Le chemin fourni inclut le répertoire « images », mais il semble y avoir une faute de frappe manquant le « s » dans « images ». Corriger cela en "content/post/images/across_column.png" résoudrait le problème.

Cependant, au-delà de la résolution de la faute de frappe, il existe plusieurs options pour insérer des images dans les publications Hugo :

Option 1 : Répertoire statique

Stockez toutes les images dans le répertoire static/ et référencez-les avec une barre oblique :

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

Option 2 : Sous-répertoires

Organisez les publications et les ressources associées dans des sous-répertoires du répertoire content/ :

- creating-a-new-theme/
  - index.md (Markdown file)
  - images/ (Subdirectory for images)
    - my-image.jpg (Image file)

Reference the image as follows:

![Image alt](images/my-image.jpg)

Option 3 : Frontmatter

Utilisez frontmatter pour spécifier le chemin de l'image :

---
image: /across_column.png
---

![Image alt]()

Des détails supplémentaires sur cette approche peuvent être trouvés sur https://gohugo.io/content-management/page-resources/.

En suivant attentivement ces options, vous pouvez réussir à insérer des images dans vos publications Hugo et éviter l'erreur 404.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn