Reveal.jsを使ってスライドを作成する方法

自分用にメモ。

インストール

1. GitHubリポジトリからmasterブランチを適当な場所にclone
2. cd reveal.js; && npm install する
3. index.htmlを以下のように編集

index.html

<div class="reveal">
    <div class="slides">
        <section data-markdown="slides/slide1.md"
            data-separator="\n---\n$"
           data-vertical="\n--\n">
            <script type="text/template">
            </script>
        </section>
    </div>
</div>

1. ディレクトリ、ファイル作成

$ mkdir slides
$ touch slides/slide1.md

1. ローカルで見る

$ npm start