Beyond Hugo’s built-in shortcodes, this theme comes with custom shortcodes that add even more functionality to your site. Let’s explore a couple of them.

Optimized Images (optimized-image)

While you can use standard Markdown ![alt](src) for images, this theme provides an optimized-image shortcode that can automatically handle WebP conversion and responsive sizing, optimizing your site’s loading speed.

Here’s how to use it:

{{< optimized-image src="images/demo-image.png" alt="A Demo Image" >}}

This ensures your images are fast-loading and served in the best format for every device.

Buy Me a Coffee (buymeacoffee)

Want to give your readers an easy way to support your work? The buymeacoffee shortcode embeds a “Buy Me a Coffee” button right into your post.

All you need to provide is your Buy Me a Coffee username.

{{< buymeacoffee "your-username" >}}

Explore More

This theme might include other shortcodes. Be sure to check the layouts/shortcodes directory to discover all the available tools to take your content to the next level!