From Hugo By Example
Hugo Wiki Markup
Just a place to explain some of the items I've added for this wiki site settings to make Hugo examples easier:
<syntaxhighlight line="GESHI_NORMAL_LINE_NUMBERS"> ... code sample ... </syntaxhighlight>
Hugo source code between the syntaxhighlight tags will be highlighted based on Hugo syntax, this markup will put a box around the code with a light gray background. line="GESHI_NORMAL_LINE_NUMBERS" adds line numbers to the left side, leave it out if you don't want them.
If you'd like to show sample output, use:
<div class="output"> sample output will go here. </div> This puts a box around the text (with rounded corners for the browsers that support CSS rounded corners) with a light gray background.