Hugo 页面上的图像路径错误

Question

我正在尝试使用 markdown 在 hugo 上制作一个带有图像的页面，但是当我在本地工作时我使用

![Image1](images/Image1.png)

网络上的路径类似于https://myweb/path/page-name/images/Image1.png

所以网络中的路径不起作用，我需要将路径更改为：

![Image1](../images/Image1.png)

综上所述，我无法同时在网络和本地看到图片，是否可以做些什么让它们在两个网站上都能看到？

Answer 1

假设您有这样的项目结构，其中一张图片在页面包中，另一张图片在 static 目录中。

├── content
│   └── path
│       └── page-name
│           ├── images
│           │   └── Image1.png
│           └── index.md
├── static
│   └── images
│       └── Image1.png

然后在 content/path/page-name/index.md 中，这里是您如何通过绝对路径引用每个图像。

<!-- page bundle image -->
![Image1](/path/page-name/images/Image1.png)

<!-- static image -->
![Image1](/images/Image1.png)

请记住，页面包图像路径将取决于您的永久链接的配置方式。

Hugo 页面上的图像路径错误

Wrong path with images on Hugo page

markdown

hugo