Images

Basic Image #

Standard markdown image syntax:

![Alt text](image.jpg)

Image with Title #

![Alt text](image.jpg "Image title")

The title appears on hover.

Linked Images #

Wrap images in links:

[![Alt text](image.jpg)](https://example.com)

Figure Shortcode #

For images with captions, use Hugo’s figure shortcode:

{{< figure src="/images/photo.jpg" alt="Description" caption="Caption text" >}}

Image Processing #

Shiloh automatically:

• Converts images to WebP format (if enableImageWebp: true)
• Lazy loads images (if enableImageLazyLoading: true)
• Adds responsive sizing

Featured Images #

Add a featured image to any page via front matter:

---
title: "My Article"
featureImage: "feature.jpg"
featureImageAlt: "Description of image"
---

Featured images appear on article cards in list views.