Puppy dog images courtesy of Unsplash
The Eleventy Plugin Image Caption plugin adds a couple of shortcodes to an 11ty that makes it easy to add numbered captions to images. This page uses the plugin, so you can see what it looks like in operation.
Here's a cute image of a dog sitting with a flower in her mouth.
Image 1: Dog with Flower
Photo by Richard Brutyo on Unsplash
Notice the caption on the image above, the bold portion is generated based on the image number and the caption label configured when the site loads the plugin. The regular text to the right is passes as a parameter to the shortcode. You can configure the plugin to disable the bold label if you want.
Note: When you run this 11ty site in serve mode, the caption will show image #; when you run an 11ty site in development mode, every refresh of the app increments the image numbers. For that reason, the plugin returns generic text in that scenario.
Here's a picture of a cute puppy laying on the ground.
Image 2: A puppy lying down on the ground