Hugo Narrow supports lightbox, use PhotoSwipe .The gallery supports three layouts: justified, masonry, and grid, type in markdown.
Tip
The parameters of gallery can be coverd by posts frontmatter.
Gallery Parameters
params.yaml
1gallery:
2 enabled: true
3 defaultLayout: justified # justified, masonry, grid
4 gap: 10
5 targetRowHeight: 200
6 lastRowBehavior: center # left, center, right, fill, hide
7 columnWidth: 200
8 columns: 4 # auto or number
9
10# PhotoSwipe
11lightbox:
12 enabled: true
13 bgOpacity: 0.8
14 showHideAnimationType: zoom
15 showAnimationDuration: 333
16 hideAnimationDuration: 333Gallery Usage
Directly import image resources using markdown syntax, with one resource link per line. Image groups without empty lines between them are considered as one gallery. The example below shows two galleries, the first containing two image resources, and the second containing three image resources.
MARKDOWN
1
2
3
4
5
6