Using pandoc to produce reveal.js slides

Hakim El Hattab edited this page Oct 23, 2018 · 28 revisions

You can use pandoc to produce beautiful slides using reveal.js.

Setup

Download the latest reveal.js and place it in a folder called reveal.js:

wget https://github.com/hakimel/reveal.js/archive/master.tar.gz
tar -xzvf master.tar.gz
mv reveal.js-master reveal.js

To provide local reveal assets to the slide deck, add a flag like -V revealjs-url=./reveal.js to your pandoc call.

You can skip the above step by referencing the reveal.js URL when calling pandoc later. To do that, add the -V revealjs-url=https://revealjs.com option in your pandoc call. Note: in this case, you will require Internet access to show your slides, and that they will not be standalone.

Now, create a file called myslides.md with your content. It may optionally include a YAML front matter for title, author, and date:

---
author: John Doe
title: Demo Slide
date: June 21, 2017
---
# Foo
```python
print("hello world")
```
# Bar
* test
* test

Creating the Slides

Use this command to produce your slideshow:

pandoc -t revealjs -s -o myslides.html myslides.md -V revealjs-url=https://revealjs.com

Themes

You can use -V theme=$theme to set your theme as $theme, with the following options:

  • beige
  • black
  • blood
  • league
  • moon
  • night
  • serif
  • simple
  • sky
  • solarized
  • white

Here are some example presentations using reveal.js.

Transistions

You can use -V transistion=$transition to set your theme as $transition, with the following options:

  • cube
You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.