在 Markdown 文件中如何添加图片,都知道。不过,个人更推荐使用 Hugo 内置的 Shortcodes figure 添加图片。

此方法使用也非常简单,在 MD 文件中需要添加图片的位置添加如下内容即可

{{< figure src="/your-pic-url.jpg" title=“your pic name” >}}

Hugo 会将其转换为如下的 HTML :

<figure>
  <img src="/your-pic-url.jpg"  />
  <figcaption>
      <h4>your pic name</h4>
  </figcaption>
</figure>

如果想要自定义最终的 HTML ,可以通过建立自定义的 Shortcodes 实现。