Gallery

2 articles

8BIT Alignment Another Tag Articles Captions Categories Chat Code Comments Content Css Distill Formatting Dowork Edge Case Embeds Excerpt Fail Favicon Featured Image Formatting Formatting Audios Formatting Bib Formatting Blockquotes Formatting Charts Formatting Charts Maps Formatting Citation Formatting Code Formatting Diagrams Formatting Images Formatting Jupyter Formatting Links Formatting Math Formatting Tables Formatting Toc Formatting Toc Sidebar Formatting Videos FTW Fun Gallery Getting Started Html Image Images Jekyll Layout Link Lists Love Markup Media Mothership Must Read Nailed It Notice Number 2 Pictures Post Post Date Post Formats Posts With Two Tags Quote Read More Read Time Readability Related Posts Sample Post Second Tag Social Standard Success Swagger Syntax Highlighting Table of Contents Tags Template Test Tiled Title Twitter Typography Unseen Update Video Writing YouTube

Post: Gallery

Monday, Jan 1, 0001

These are gallery tests for image wrapped in <figure> elements.

To place a gallery add the necessary YAML Front Matter:

gallery:
  - url: /assets/images/unsplash-gallery-image-1.jpg
    image_path: /assets/images/unsplash-gallery-image-1-th.jpg
    alt: "placeholder image 1"
    title: "Image 1 title caption"
  - url: /assets/images/unsplash-gallery-image-2.jpg
    image_path: /assets/images/unsplash-gallery-image-2-th.jpg
    alt: "placeholder image 2"
    title: "Image 2 title caption"
  - url: /assets/images/unsplash-gallery-image-3.jpg
    image_path: /assets/images/unsplash-gallery-image-3-th.jpg
    alt: "placeholder image 3"
    title: "Image 3 title caption"
  - url: /assets/images/unsplash-gallery-image-4.jpg
    image_path: /assets/images/unsplash-gallery-image-4-th.jpg
    alt: "placeholder image 4"
    title: "Image 4 title caption"

And then drop-in the gallery include — gallery caption is optional.

2 minute read

Gallery

Edge Case: Many Tags

Post: Gallery