TIL - raw HTML in Hugo

TIL, Today I Learned, is more of a "I just figured this out: here are my notes, you may find them useful too" rather than a full blog post

I'm using Hugo [1] for this website setup [2] and find very satisfying. I can write all my content in reStructured Text [3] and create a website out from it.

Today I needed to add a part of raw HTML into one of my pages and that was when I found Shortcodes [4] in Hugo which is very useful.

It is also easy to create your own shortcodes. In my case, I created layouts/shortcodes/rawhtml.html containing:

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

Now I can add raw HTML to my pages by using the rawhtml tag, for examle:

{< rawhtml >}
<iframe width="100%" height="500" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vT_kO5y3AssyITYdDszNhORVHz5xAWf-WLcKuh50XV-fGqWTaIz9ICT1c0fGrqyl5U-3dAGXaoDkWlY/pubhtml?gid=0&amp;single=true&amp;widget=true&amp;headers=false"></iframe>
{< / rawhtml >}

Which will end up like:

Of course, this isn't the best ( nor safest) way to use shortcodes. There are several reference implementations [5] in the repository that may be worth a look.

References

[1]	https://gohugo.io/

[2]	https://www.marcusfolkesson.se/blog/website-setup/

[3]	https://en.wikipedia.org/wiki/ReStructuredText

[4]	https://gohugo.io/content-management/shortcodes/

[5]	https://github.com/gohugoio/hugo/tree/master/tpl/tplimpl/embedded/templates/shortcodes

TIL - raw HTML in Hugo

TIL - raw HTML in Hugo

References

CATALOG

FEATURED TAGS