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)

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