如何在我的 Hugo 帖子中插入图片？

Question

这是我的 Hugo 博客上的存储库：

我想在帖子中插入包含以下文本的图像：

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

但是，它没有出现，并且给出了 404 错误 - 找不到页面。

我在这里做错了什么？

Answer 1

您的图片链接中有一个拼写错误。您有一个images目录，但引用“content/post/image/...”而不带“s”。但这并不能解决你的问题。

有几种链接图像的方法。

选项1。将所有图像放入该static/目录中。然后用前导斜杠引用图像文件，例如：

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

选项2。使用子目录来保存 Markdown 文件和任何相关资源。

1. 创建一个目录post/creating-a-new-theme
2. 将现有的 markdown 文件移动到该目录中，并将其重命名为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

更多的选择

还有更复杂的方法使用 frontmatter 来引用图像： https: //gohugo.io/content-management/page-resources/