Images and lightbox
Hugo Linen renders Markdown images with lazy loading and PhotoSwipe support. Single images work as normal article media, while the image-grid shortcode groups related images into compact visual sequences.
Markdown image
Single landscape image
Landscape grid
Wide panel
Wide blocksPortrait grid
Tall card
Tall hills
Tall leafMixed ratios
The shortcode supports r73, r37, r64, and r46 for two-image mixed layouts.
Wide sample
Tall sample
Tall sample
Wide sampleUnknown-size images
External or migrated image URLs may not have dimensions available during the Hugo build. The theme measures those images in the browser before PhotoSwipe opens them.
Hugo Linen renders Markdown images with lazy loading and PhotoSwipe support. Single images work as normal article media, while the `image-grid` shortcode groups related images into compact visual sequences.## Markdown image## Landscape grid{{< image-grid "landscape" >}}{{< /image-grid >}}## Portrait grid{{< image-grid "portrait" >}}{{< /image-grid >}}## Mixed ratiosThe shortcode supports `r73`, `r37`, `r64`, and `r46` for two-image mixed layouts.{{< image-grid "r73" >}}{{< /image-grid >}}{{< image-grid "r37" >}}{{< /image-grid >}}## Unknown-size imagesExternal or migrated image URLs may not have dimensions available during the Hugo build. The theme measures those images in the browser before PhotoSwipe opens them. |