I think I’ve finally grokked how rendering order / parsing order works - I couldn’t find a comprehensive explanation anywhere so I decided to write one.

Hugo Easy Gallery makes Hugo image galleries easy. Get the code and documentation on GitHub. Demo below.

Want to use Font Awesome icons in your Hugo website content but but don’t want to keep repeating the same html tags in your markdown files? Use this shortcode…

Update 25/03/2017: I’ve combined this PhotoSwipe implementation with a shortcode that generates a responsive css gallery of all the images in a directory - see Hugo Easy Gallery.