Images - Pocket Hugo https://theme.leftn.com/categories/images/ Images Hugo -- gohugo.io en Mon, 20 Apr 2026 02:51:39 +0000 Responsive Image Pipeline Demo https://theme.leftn.com/article/responsive-image-pipeline/ Sat, 21 Mar 2026 01:00:00 +0000 https://theme.leftn.com/article/responsive-image-pipeline/ A sample post for checking derived image sizes, inline rendering, and the built-in lightbox. This article demonstrates the theme’s responsive image pipeline for inline Markdown images. The same source file is rendered inside the article, constrained by layout rules, and still available in a larger lightbox view.

Inline image test

Yue Lu School

Guang Zhou

Writing

This represents the default display behavior for images on the webpage. If you wish to adjust the image display height, you can configure this in hugo.toml. If you do not require this feature, you can disable it directly by setting: limitHeight = false.

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

This page complements the Image Configuration Reference , which focuses on article headers and card covers instead.

]]>