Images and links in markdown

[olafghanizadeh]

I would use Render Hooks. That way you can change the default behavior of the markdown link and image tags.

Configure markup

Here is an example:

Simple image render hook template for responsive images

Thank you very much for the great Hugo 0.62.0 christmas present! This simple image render hook template uses the image title as an optional caption. Feel free to adjust and use, if this template fits your use case. {{ $image := .Page.Resources.GetMatch (printf "%s" (.Destination | safeURL)) }} {{ $small := $image.Resize "480x" }} {{ $medium := $image.Resize "768x" }} {{ $big := $image.Resize "1024x" }} {{ $alt := .PlainText | safeHTML }} {{ $caption := "" }} {{ with .Title }} {{ $caption = …

I have recently set this up on a Hugo site where the image is hosted on Cloudinary, and then I use the transformations there to generate a srcset of webp images that are lazyloaded.