Hugo Wowchemy站点：_index.md正常intro.md图片不显示求助

问题原因 #

在Hugo（Wowchemy/Academics）中，_index.md是当前目录的section索引页，生成的页面URL对应目录的根路径（比如该目录为methods，则访问路径是localhost:1313/methods/）；而intro.md是普通内容页，生成的URL为localhost:1313/methods/intro/。

你使用的相对路径Figures/sampling_compressed.gif，对_index.md来说指向的是正确的localhost:1313/methods/Figures/sampling_compressed.gif；但对intro.md来说，相对路径会被解析为localhost:1313/methods/intro/Figures/sampling_compressed.gif，而实际Figures文件夹并不在intro/子路径下，导致图片加载失败。

解决方法 #

方法1：使用站点根相对路径（固定路径） #

将图片路径改为以/开头的根相对路径，明确指向站点内的固定位置，替换/methods/为你的实际目录名：

<center>
<img src="/methods/Figures/sampling_compressed.gif">
</center>

方法2：使用Wowchemy推荐的figure短代码（最优方案） #

Wowchemy适配Hugo的内置短代码，自动处理路径解析，无需手动写HTML，还能扩展更多属性：

{{< figure src="Figures/sampling_compressed.gif" align="center" >}}

可额外添加alt、caption等参数，比如：

{{< figure src="Figures/sampling_compressed.gif" align="center" alt="采样过程演示" caption="分子动力学采样过程" >}}

方法3：使用上级目录相对路径 #

通过../回溯到上级目录，找到Figures文件夹：

<center>
<img src="../Figures/sampling_compressed.gif">
</center>

注意：若后续页面层级结构调整，该路径可能失效，可靠性不如前两种方法。

内容的提问来源于stack exchange，提问作者Jack