图片引用

如何正确引用图片?

回答:关于图片的引用有几种方式,具体取决于图片的存放位置和你如何引用它们。以下是一些常见的方式:

1. 图片在同一个文件夹

如果你的图片与 markdown 文件在同一个文件夹下,可以直接使用相对路径来引用图片。例如,如果你的文章和图片都在同一个文件夹下,可以这样引用图片:

markdown

复制编辑

![alt text](image.jpg)

这里 image.jpg 是当前文件夹中的图片。

2. 图片在不同的文件夹

如果图片存放在不同的文件夹中,通常会根据文件夹结构来引用图片。假设图片存放在 static/images/ 目录下,你可以这样引用:

markdown

复制编辑

![alt text](/images/image.jpg)

这里的 /images/image.jpg 是相对于网站根目录的路径,/static/ 目录中的内容会被 Hugo 自动映射到网站的根目录。

3. 图片的相对路径与绝对路径

  • 相对路径:例如 images/image.jpg,这是基于当前文档或文件夹的相对路径。
  • 绝对路径:例如 /images/image.jpg,以 /static/ 为根目录,适用于引用静态资源。