// Insert or explain an image with caption in zblog posts. Use when the user asks to add an image caption, image footer, figure, or asks for the zblog image caption syntax.
Insert or explain a GitHub code snippet reference in zblog posts. Use when the user asks to quote GitHub source code, add a GitHub code block, or asks for the zblog GitHub code snippet syntax.
Create a new Hugo blog post for zblog. Use when the user asks to create a new blog post or article. Handles slug generation, front matter, and file creation in the correct format.
| name | zblog-image-with-caption |
| description | Insert or explain an image with caption in zblog posts. Use when the user asks to add an image caption, image footer, figure, or asks for the zblog image caption syntax. |
Use Hugo's built-in figure shortcode for images that need a visible caption/footer.
{{< figure src="/images/blog/<path>/<file>" alt="<accessible description>" caption="<caption shown under the image>" >}}
static/images/, usually static/images/blog/..../images/blog/global/example.jpg.alt text unless the image is purely decorative.caption for the text shown below the image.
{{< figure src="/images/blog/global/BBE85036-8B31-4AAE-A309-0EC0B1836DD3_1_201_a.jpeg" alt="Pai holding a toy and interacting with a classmate" caption="Pai is on the right, holding a toy and interacting with a classmate." >}}