Skip to content

Instantly share code, notes, and snippets.

@ntk1000
Last active August 29, 2015 14:10
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ntk1000/b9e548fde92ad4309aeb to your computer and use it in GitHub Desktop.
Save ntk1000/b9e548fde92ad4309aeb to your computer and use it in GitHub Desktop.

githubとmarkdownとrevealjsで作るプレゼン環境


このgistはstfuawsc_itg advent4日目の記事です


前日の@gappyネタに乗っかりました


本題

プレゼン

  • escで全体表示
  • 矢印キーでページ移動

タイトルのまんまで

このmarkdownで記述したgist自体がプレゼン資料になってます


使っている技術

...詳細はリンク先を参考にしていただき...


この記事自体は以下を参考にしました


手順をまとめると


  • プレゼン用のレポジトリをgithubに作る
  • gh-pagesブランチを作る
  • revealjsのソース一式をダウンロードしてgh-pagesブランチにアップする
  • プレゼン資料をmarkdown形式でgistに書く
  • index.html内のプレゼン記述部分ソースをgistのurl(xxxx.mdのraw)に変える

...これだけ!


詳細

  • data-markdownにgistのurlを指定
  • -separatorに指定した文字列は横方向のページ送りに
  • -verticalは縦方向のページ送りになります
<section 
	data-markdown="https://gist.github.com/xxx-md" 
	data-separator="\n----\n$" 
	data-vertical="\n---\n">
</section>

背景


  • パワポを触りたくなかった
  • markdownがプレゼンになれば便利そうだと思った

おわりに


次誰か頼みます

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment