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)

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