Create slides in Markdown with Hugo Blox Builder

Hugo Blox Builder | Documentation

Features

• Efficiently write slides in Markdown
• 3-in-1: Create, Present, and Publish your slides
• Mobile friendly slides
• Simple, yet flexible

Controls

• Next: Right Arrow or Space
• Previous: Left Arrow
• Start: Home
• Finish: End
• Overview: Esc
• Fullscreen: F
• Zoom: Alt + Click
• PDF Export: E

Code Highlighting

Inline code: variable

Code block:

porridge = "blueberry"
if porridge == "blueberry":
    print("Eating...")
Copy

Math

In-line math: $x + y = z$

Block math:

$$ f\left( x \right) = ;\frac{{2\left( {x + 4} \right)\left( {x - 4} \right)}}{{\left( {x + 4} \right)\left( {x + 1} \right)}} $$

Themes

• black: Black background, white text, blue links (default)
• white: White background, black text, blue links
• league: Gray background, white text, blue links
• beige: Beige background, dark text, brown links
• sky: Blue background, thin dark text, blue links

• night: Black background, thick white text, orange links
• serif: Cappuccino background, gray text, brown links
• simple: White background, black text, blue links
• solarized: Cream-colored background, dark green text, blue links

Custom CSS Example

Let’s make headers navy colored.

Create assets/css/reveal_custom.css with:

.reveal section h1,
.reveal section h2,
.reveal section h3 {
  color: navy;
}
Copy

Questions?

Ask

Documentation