Pocket Hugo
Pocket Hugo

A cover-driven theme for long-term personal writing

Responsive Image Pipeline Demo

Responsive Image Pipeline Demo

2026-03-21 Images 1 min read 105 words
Description A sample post for checking derived image sizes, inline rendering, and the built-in lightbox.

Contents

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.