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

+++ weight = 20 +++

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.