Hugo服务器未从静态文件夹渲染图像

Question

我刚刚与雨果建立了一个投资组合网站。除了博客文章没有渲染我放置在静态文件夹中的图像外，一切都按预期工作。我最初使用0.16版的雨果。更新到最新（0.31）没有帮助。

我在我的博客文章Markdown中尝试了几种格式：

+++
date = "2017-12-29T05:14:00-06:00"
draft = false
title = "test"
+++
This is a test post for images.
![Test Image](image.png)
![Test Image](/image.png)
<img src = "/static/image.png">

我感谢任何建议！

Answer 1

您可以将图片放在您的网站/content/post/[您的文件夹]/your_picture.png的路径上，然后使用它喜欢！[您的图片]（/post/[您文件夹/your_picture.png）。如果这有助于所有荣耀，请访问https://github.com/kakawait/hugo-tranquilpeak-theme/issues/268#issuecomment-383766535

Answer 2

这种行为背后的原因是雨果如何渲染页面和网站内容，尤其是 /static文件夹，hugo docs中描述了：https：//gohugo.io.io/content-management/static--文件/

/static文件夹被视为所有站点静态内容的全局存储，例如图像，样式表，脚本等。因此，在渲染后，雨果将它们直接放入了您网站的根源。

虽然PATH /static/image.png在编辑网站内容时很有意义，但在渲染Hugo无法找到所述文件，并且您的图像不会显示。然后，将/static文件夹中的图像包含到您的帖子中的正确方法如下：

![Test Image](/image.png)
<img src = "/image.png">

但是，更好的方法不是将帖子图像放置在/static文件夹中，而是组织页面捆绑包：https：//gohugo.io.io/content-management/page-bundles/xiaojueguan在此中建议上一个答案。

Answer 3

即使我的 static目录中有图像，这也无法正常工作：

![Test Image](static/image.png)

以下确实有效：

![Test Image](/image.png)

但是，雨果直到我再做一次hugo server -D才能处理事情。之后起作用。我认为任何时候您创建一个新目录然后您必须重新启动服务器...