Home /

Usage


Prerequisite

Add this to your config.toml:

[outputFormats.Reveal]
baseName = "index"
mediaType = "text/html"
isHTML = true

Configure themes

Optional. In config.toml or front matter of individual presentations.

[params.reveal_hugo]
theme = "moon"
highlight_theme = "zenburn"

Reveal.js themes · highlight.js themes


Custom Reveal.js theme

Point to a file in the static directory.

[params.reveal_hugo]
custom_theme = "themes/dzello.css"

Configure Reveal.js

Set snakecase versions of Reveal.js params, which will be camelized and passed to Reveal.initialize.

[params.reveal_hugo]
slide_number = true
transition_speed = 'fast'

Reveal config params


Creating presentations


Presentation at /

In content/_index.md:

+++
outputs = ["Reveal"]
+++

# Slide 1

---

# Slide 2

Put more slides in content/home/*.md

+++
weight = 10
+++

# Slide 3

---

# Slide 4

Use weight to specify the order relative to other files.


For any Hugo section

In content/{section}/_index.md:

+++
outputs = ["Reveal"]
+++

# Slide 1

---

# Slide 2

Put more slides in content/{section}/*.md

+++
weight = 10
+++

# Slide 3

---

# Slide 4

Use weight to specify the order relative to other files.