{

How to display images in Hugo


There are multiple ways we can insert images in Hugo’s posts.

Hugo’s posts are indifferent.

Hugo posts are written in markdown files. These are plain text content with special syntax. Adding an image to markdown files in Hugo

Here is a syntax for adding images to posts in Hugo

![your image](/post/images/your-image.png)

Using Figure shortcode

Syntax

the figure is an inbuilt shortcode provided by Hugo’s static generator

syntax alt text string

Primeng Angular Tutorials with examples

if we want full control over how we want to display. We can write a shortcode for image displays.

THE BEST NEWSLETTER ANYWHERE
Join 6,000 subscribers and get a daily digest of full stack tutorials delivered to your inbox directly.No spam ever. Unsubscribe any time.

Similar Posts
Subscribe
You'll get a notification every time a post gets published here.