Render Plain HTML with Hugo


Hugo is my favorite tool for publishing markdown to the internet, but sometimes I want to do something a little bit more advanced with my posts.

With this shortcode I can always just fall back to plain old HTML.

To use it add it to layouts/shortcodes/plainHtml.html.

{{/* Renders it's contents as plain, unescaped, HTML. */}}
{{.Inner}}

And the use it inside posts like this:

# Hello World

Content as usual.

{{< plainHtml >}}

<div class="fancy-thing">
  <p>Do something special here</p>
</div>
{{< /plainHtml >}}
hugo 

See also