为了提高网站的响应速度,我们通常会在列表页或详情页显示缩略图,用户点击图片后再展示原图。这种设计即满足了网站的快速响应也满足了用户查看原图的需求,那么在Hugo中我们应该如何实现这样的功能呢?

我们知道Markdow文档中的超链接语法格式为:

[超文本](超文本url链接)

我们还知道Markdow文档中的图片语法格式为:

![图片文本描述](图片url链接)

那我们就可以将这两个特性结合起来从而实现点击图片查看原图的功能,点击图片查看原图的两个核心点一个是点击,一个是原图,结合上面超文本和图片的语法我们直接在Markdown中这样写即可:

[![图片文本描述](缩略图片url链接)](原图url链接)

如果你没有在Hugo中启用缩略图功能,那上面的 缩略图片url链接 和 原图url链接 也可以是同一个url。

最终效果如下: Hugo官方首页LOGO图