制做Geek风格的投影片

作投影片用什么？若是你的回答是用PowerPoint，有没有感受弱爆了？好吧，也许你会说用开源的替代，好比openOffice/Libreoffice。固然其实本质都是同样的，那就是PPT！

从今天开始不要再说、再用 PPT这三个字母了！ 咱们如今要从新定义，使用它原本的名称投影片！，即使是要装B用英文的话，也要用Slides这个词！

今天开始，这些都不用了，我将会最有Geek风格的投影片制做方法，也就是Markdown+HTML5的方法。先来讲这种方式有什么好处：

1. 采用”轻文本标记型语言“，主要是Markdown语言。文档和格式分开，轻便简单方便操做

2. 采用HTML5技术，先进快捷。在浏览器中打开投影片，很是简单易行。大多数现代浏览器（IE浏览器和国产山寨浏览器除外）都是支持的。

3. 很是酷，由于大可能是用Javascript脚本实现的，因此想要多酷就有多酷，彻底自由！

4. 由于是网页格式，不用担忧中文的问题（与Latex Beamer相比较）。只要浏览器能显示和渲染就行。

5. 易于分享，只要放到网站上便可，看的人不须要安装任何软件！因此目前有愈来愈多的项目在github上弄个网页来展现投影片。

6. 即使不会Javascript和HTML5的语法也不要紧，只要用Markdown和一些工具，就能彻底自由的制做投影片咯！

7. 像写代码同样写投影片，很是有Geek Style！

既然是要用Markdown，那么首先用markdown来写一个演讲稿大纲，并把这个大纲按照投影片的方式整理一下：

% 主标题
% 演讲人
% 日期时间
----
# 投影片的标题
## 副标题
- 列表
- 列表项**强调的内容**
- 列表项3
----
#又一个投影片的标题
1. 有序列表1
2. 有序列表2 *斜体的内容*
----
# 第三张投影片
！ [图片](p_w_picpath/press.jpg)

Markdown+Impress.js

这是我第一个尝试的办法，有个项目叫mdpress，它能够实现Markdown+Impress.js的结合，能够参考这篇文章。若是不想看英文呢，我就说说如何在Ubuntu下安装mdpress，简单至极：

1. 首先安装须要的包：
   

   sudo apt-get install gem ruby-1.9.1-dev

2. 而后安装mdpress：

   sudo gem install mdpress

3. 剩下的就是把投影片"编译"一下：  

   mdpress slides.md

4. 此时会在当前目录下获得一个叫slides的目录，这个目录名和上面的文件名是同样的，而后进入这个目录能够看到一个index.html网页，用任何现代浏览器（Firefox\Chrome\Opera）打开便可。

5. 左右键控制翻页，大多数浏览器用F11来全屏浏览。

6. Impress.js还有恨多很是酷的特效，在markdown写的投影片里用至少三个连续短线"----"来分割投影片，在短线下面能够写上一些impress.js提供的特效参数。最终版，源文件

mdpress项目还有一些示例能够看看，项目主页：https://github.com/egonSchiele/mdpress

Markdown+Pandoc+Reveal.js

这是最近刚刚发现的一个，实现的最终效果和上一个差很少，可是我以为更炫。这是由Reveal.js提供的，自带了好几个主题包，其3D效果很是炫。我这里还要用到Pandoc，因此安装略有点复杂。能够看这篇文章和这篇文章。

1. 首先是安装pandoc。

   sudo apt-get install pandoc

2. 而后须要下载reveal.js项目的代码https://github.com/hakimel/reveal.js/archive/master.zip

3. 解包，进入目录。而后下载这个gist获得template-revealjs.html文件，放到revel.js项目根目录下。

4. 准备好演讲用的投影片文件好比slides.md，也放到reveal.js的根目录下，而后在命令行执行：

pandoc -t html5 --template=template-revealjs.html \
--standalone --section-divs \
--variable theme="beige" \
--variable transition="linear" \
slides.md -o slides.html

1. 上面这段有不少参数，其中theme能够指定reveal.js自带的主题，transition能够指定reveal.js自带的切换效果。-o后面的文件名就是“编译”完成之后的投影片。直接用浏览器打开便可。最终效果

2. 用上下左右键来翻页，用ESC能够看到整个投影片结构（这是比impress进步的一点）。注意页面右下角有操做提示，很是方便！

3. 若是以上步骤嫌麻烦，那么reveal.js还开发了一个彻底所见即所得的网站，在线制做投影片，在线播放！ http://www.rvl.io/

结论

以上两种方法各有优缺点，若是想表达效果更炫，能够选用reveal.js的方法。若是想要更简单快捷的制做投影片能够选用impress.js的方法。

总之，不管使用以上何种方法，都远好于用PPT！