Quarto image gallery
A Quarto extension/template for adding image galleries to your Quarto website. Put images in a directory, run quarto render
, and you get an image gallery + a listing page of all your galleries to put on your website. Galleries and image views can be customised with Lightbox, see https://quarto.org/docs/output-formats/html-lightbox-figures.html.
- Source repo: https://github.com/mvuorre/quarto-gallery
- Live demo: https://mvuorre.github.io/quarto-gallery/
Examples
Listing of galleries
Here’s what a listing of galleries looks like (it’s just a vanilla Quarto listing):
Gallery page
And here’s what a gallery page looks like:
Install
- Add extension
quarto use template mvuorre/quarto-gallery
- include
pre-render: generate-gallery.ts
in_quarto.yml
- Create your gallery at
galleries/<name>/
withindex.qmd
andimages/<images.ext>
- See
galleries/my-gallery/
for an example
- See
- Edit
galleries/_metadata.yml
andgalleries.qmd
to your liking quarto render