Image Management

December 21, 2023 Reading: 1 Min

Hugo comes with a built-in shortcode for images that allows for adding captions and resizing images. This is useful for adding images to your content without having to worry about aligning the images and adding captions.

With the add styling from Simple Dark you can also align the images to the left, center, or right.

Tip: The src path is an absolute path from the root of the site. This means that the full path to the image is required. For example, if your image is located at static/images/image.png then the src path would be /images/image.png. If your image is located in the same directory as your content then the src path would be ./image.png.

Left Alignment

{{< figure class="left" src="./left.png" caption="This is a left aligned image" >}}

Center Alignment

{{< figure class="center" src="./center.png" caption="This is a center aligned image" >}}

Right Alignment

{{< figure class="right" src="./right.png" caption="This is a right aligned image" >}}