Shortcode Overview
• 1 min read
What Is a Shortcode? #
A shortcode is Hugo's compact way to render a reusable HTML component from Markdown.
go-html
{{< hint info >}}
A useful note.
{{< /hint >}}A useful note.
Two Forms #
| Form | Behavior |
|---|---|
{{< >}} | Passes the inner content through directly |
{{% %}} | Renders the inner content as Markdown |
Use the percent form when the inner content includes lists, links, or other Markdown.
Included Shortcodes #
SeoTax includes Columns, Hints, Tabs, Details, Mermaid, KaTeX, Bookmark, Data Table, Image, and Series.