hugo服务器无法从静态文件夹渲染图像

Question

我刚刚用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">

我会很感激任何建议！

Answer 1

您可以将图片放在您的站点/内容/帖子/ [您的文件夹] /your_picture.png的路径中，并像！[您的图片]（/ post / [您的文件夹/your_picture.png）那样使用它。如果这有帮助，所有的荣耀都归给https://github.com/kakawait/hugo-tranquilpeak-theme/issues/268#issuecomment-383766535

Answer 2

这种行为背后的原因是Hugo如何呈现页面和网站内容，尤其是/static文件夹，这在Hugo docs：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/ xiaojueguan在以前的答案中建议的方式。