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 ?
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!