Samples of Shortcodes

Dec 15, 2022 By Homecat

Shortcodes are simple snippets inside content files calling built-in or custom templates. This article shows the formats of shortcodes in hugo theme Walden.

Hint

Info

1{{< hint info >}}
2**Info**  
3Nam, omnis sum am facea corem alique molestrunt et eos nus, sin conecerem erum fuga.<br>
4Temped molorro ratiae volorro te reribus dolorer sperchibus unda ici um faceata tiustia prat.
5{{< /hint >}}

Info
Nam, omnis sum am facea corem alique molestrunt et eos nus, sin conecerem erum fuga.
Temped molorro ratiae volorro te reribus dolorer sperchibus unda ici um faceata tiustia prat.

Warning

1{{< hint warning >}}
2**Warning**  
3Nam, omnis sum am facea corem alique molestrunt et eos nus, sin conecerem erum fuga.<br>
4Temped molorro ratiae volorro te reribus dolorer sperchibus unda ici um faceata tiustia prat.
5{{< /hint >}}

Warning
Nam, omnis sum am facea corem alique molestrunt et eos nus, sin conecerem erum fuga.
Temped molorro ratiae volorro te reribus dolorer sperchibus unda ici um faceata tiustia prat.

Danger

1{{< hint danger >}}
2**Danger**  
3Nam, omnis sum am facea corem alique molestrunt et eos nus, sin conecerem erum fuga.<br>
4Temped molorro ratiae volorro te reribus dolorer sperchibus unda ici um faceata tiustia prat.
5{{< /hint >}}

Danger
Nam, omnis sum am facea corem alique molestrunt et eos nus, sin conecerem erum fuga.
Temped molorro ratiae volorro te reribus dolorer sperchibus unda ici um faceata tiustia prat.

Screen

1{{< hint screen >}}
2~$ hugo version </br>
3hugo v0.109.0-47b12b83e636224e5e601813ff3e6790c191e371+extended linux/amd64 BuildDate=2022-12-23T10:38:11Z VendorInfo=snap:0.109.0
4{{< /hint >}}

~$ hugo version
hugo v0.109.0-47b12b83e636224e5e601813ff3e6790c191e371+extended linux/amd64 BuildDate=2022-12-23T10:38:11Z VendorInfo=snap:0.109.0

Figure

Figure is one of built-in Shortcodes of Hugo and an extension of the image syntax in Markdown, which does not provide a shorthand for the more semantic HTML5 figure element.

1{{< figure 
2    src="https://cn.bing.com/th?id=OHR.Borovets_ZH-CN5914681811_1920x1200.jpg&rf=LaDigue_1920x1200.jpg" 
3    title="Description of image. ©Author" 
4>}}