vitrine/themes/reveal-hugo/exampleSite/content/home/shortcodes/markdown.md

+++ weight = 36 +++

{{< markdown >}}

Markdown

Reveal.js has its own markdown processor. To use that instead of Hugo, surround a slide with the markdown shortcode.

{{</* markdown */>}}

# Hello world!

{{</* /markdown */>}}

💡 Make sure to use the `{{}}` shortcode syntax to avoid rendering by Hugo.

---

Reveal.js markdown uses HTML comments to change slide properties, like background color.

{{</* markdown */>}}
<!-- .slide: data-background="#FF4081" -->
# I'm a colorful slide
{{</* /markdown */>}}

{{< /markdown >}}