Using custom shortcodes with md files

[McDragon]

Is it possible to use my own shortcode with this syntax…

`![San Francisco from the Treasure Island](https://img.mcdowell.si/2013/06/wpid-20130623_104914_20130623220546093-1.jpg "San Francisco from the Treasure Island")`

rather than this:

`{{< img src="https://img.mcdowell.si/2013/06/wpid-20130623_104914_20130623220546093-1.jpg" title="San Francisco from the Treasure Island" >}}`

I would like to override the default Hugo img rendering without having to replace the content in all markdown files. The custom shortcode created a figcaption which Hugo does not seem to support.

[alexandros]

Yes, you need to use Markdown Render Hooks:

Configure markup

Also the forum has examples of Image Render Hooks templates like this one:

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 = …

[McDragon]

Thank you Alexandros. This was exactly what I was looking for.