雨果服务器不从静态文件夹渲染图像答案

【问题标题】：hugo server not rendering images from static folder雨果服务器不从静态文件夹渲染图像
【发布时间】：2018-06-09 23:05:12
【问题描述】：

我刚刚用 hugo 建立了一个投资组合网站。一切都按预期工作，除了博客文章没有呈现我放在静态文件夹中的图像。我最初使用的是 0.16 版本的 hugo。更新到最新版本 (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">

如果有任何建议，我将不胜感激！

【问题讨论】：

我还尝试了this post 中讨论的方法，该方法有效。虽然我可以忍受，但很高兴知道为什么 Markdown 格式不起作用。
第二个应该可以工作：![Test Image](/image.png)。第一个和第三个是错误的。

标签： hugo

【解决方案1】：

您可以将您的图片与您的站点/内容/发布/[您的文件夹]/your_picture.png 的路径一起放置，并像使用它一样使用它！[您的图片](/post/[您的文件夹/your_picture.png)。如果这有助于所有荣耀归于https://github.com/kakawait/hugo-tranquilpeak-theme/issues/268#issuecomment-383766535

【讨论】：

【解决方案2】：

这种行为背后的原因是 Hugo 如何呈现页面和站点内容，尤其是 /static 文件夹，在 Hugo 文档中描述：https://gohugo.io/content-management/static-files/

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

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

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

但是，更好的方法是不要将您的帖子的图像放置在/static文件夹中，而是组织页面包：https://gohugo.io/content-management/page-bundles/这种方式，小觉官在之前的回答中建议。

【讨论】：

感谢这对我有帮助！

【解决方案3】：

即使我的 static 目录中有图像，这也不起作用：

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

以下确实有效：

![Test Image](/image.png)

但是，直到我又做了一个 hugo server -D，Hugo 才开始处理事情。之后它起作用了。我认为无论何时您创建一个新目录，您都必须重新启动服务器...

【讨论】：