使用 Hugo 内置 Shortcodes figure 添加图片
在 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 实现。
『 转载请注明来源及链接 』