Posted at

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

More than 1 year has passed since last update.

自分用にメモ。


インストール



  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