themen-hugo-35c3-reveal/exampleSite/content/home/shortcodes/markdown.md

39 lines
688 B
Markdown
Raw Normal View History

+++
weight = 36
+++
{{< markdown >}}
## Markdown
Reveal.js has its own [markdown processor](https://github.com/hakimel/reveal.js#markdown). To use that instead of Hugo, surround a slide with the markdown shortcode.
2018-08-03 16:07:12 +02:00
```markdown
{{</* markdown */>}}
# Hello world!
{{</* /markdown */>}}
```
<br>
<small>
💡 Make sure to use the `{{</* */>}}` shortcode syntax to avoid rendering by Hugo.
</small>
---
<!-- .slide: data-background="#FF4081" -->
Reveal.js markdown uses HTML comments to change slide properties, like background color.
2018-08-03 16:07:12 +02:00
```markdown
{{</* markdown */>}}
<!-- .slide: data-background="#FF4081" -->
# I'm a colorful slide
{{</* /markdown */>}}
```
{{< /markdown >}}