- Author: [[Ana Ulin]] - URL: https://anaulin.org/blog/hugo-raw-html-shortcode/ - Last Updated: [[2020-12-13]] - - I love the simplicity of creating new content using markdown in [Hugo](https://gohugo.io/). But sometimes, markdown is not enough – you might want to do a one-off extra-fancy thing with raw html. - Surprisingly, Hugo doesn’t seem to have a good way to let you do this in a content file. Here is how to create your own one-line custom `shortcode` to make that possible. - Add a shortcode template to your site, in `layouts/shortcodes/rawhtml.html`, with the content: - ```javascript <!-- raw html --> {{.Inner}}``` - This template tells Hugo to simply render the inner content passed to your shortcode directly into the HTML of your site. - You can then use this shortcode in your markdown content, like so: - ```javascript {{< rawhtml >}} <p class="speshal-fancy-custom"> This is <strong>raw HTML</strong>, inside Markdown. </p> {{< /rawhtml >}}``` - -