Add HTML tags to Hugo Pages

So I wanted to add a few features to this site but in order to do so I found the easiest way was to directly embed HTML tags into the page.

The only problem was Hugo will naturally ignore any HTML in posts/pages unless you do the following:

Add a shortcode to your site

It’s simple enough, just add a shortcode template in layouts/shortcodes/rawhtml.html with the following content:

<!-- raw html -->
{{.Inner}}

Then in whatever post or page you’d like to use html in just enclose it in these tags:

{{< rawhtml >}}
<p><h2> Brentter.com has all the <strong>BEST</strong> hugo tips</h2></p>
{{< /rawhtml >}}

And the output will follow your HTML tags:

Took me a hot minute to figure that out so hopefully this speeds up your discovery process a bit.

Enjoy!

~brent