MarkdownとReveal.js

で簡単スライド作成

by @budougumi0617

Markdown

&

Reveal.js

やり方

• GitHubからreveal.jsのzipをGET
• index.htmlをテキストエディタで開く。
• <div class="slides">タグ内の<section>内容を削除
• 次のページのオプション付き<section>を記載する
• <section>内にMarkdownでゴリゴリ書く

これだけ！！

Markdown用のsection定義。

---を入れることで右に次のページを作成。--を入れることで下に次のページを作成。

<section data-markdown
    data-separator="\n---\n$"
    data-vertical="\n--\n">
    <script type="text/template">
    < / script>
</section>

Markdownだけ別ファイルにしておけば index.htmlは使いまわせる！

<section data-markdown="./md/firstpage.md"
data-separator="\n---\n$"
data-vertical="\n--\n">
<script type="text/template">
< / script>
</section>

<iframe>で埋め込みしたいときなどは

おとなしくHTML使ってね！

その他詳細な使い方はGitHubのREADME.mdを参照

Thank U for Reading

BY @budougumi0617