响应式图片管线演示

Sat, 21 Mar 2026 01:00:00 +0000

这篇文章演示主题对正文 Markdown 图片的响应式图片管线支持。同一张源图会在正文中按布局规则显示，同时仍然可以在灯箱中查看更大的版本。

正文图片测试

这代表了网页里图片的默认显示行为。如果你想调整图片显示高度，可以在 hugo.toml 中配置；如果不需要这一功能，也可以直接通过 limitHeight = false 关闭。

  [params.images.content]
    mobileMaxHeight = "160px"
    tabletMaxHeight = "250px"
    desktopMaxHeight = "350px"

这篇文章可以和图片配置参考对照阅读；后者更专注于文章头图和卡片封面的设置。