基础工具

Markdown编辑器

Windows平台下推荐使用Typora，免费又好用。

安装pandoc

官网：http://pandoc.org/。官网有链接到github的下载地址，有各个系统的安装包，以Windows为例，下载...x86_64.msi文件，直接安装。

pandoc没有图形界面，安装好后在命令提示符中执行：pandoc -v，能出来版本号就表示安装成功。

下载reveal.js

从github上下载：https://github.com/hakimel/reveal.js，不需要安装，解压缩即可。

转换方法

简单转换

假定编写好的markdown文档为demo.md，命令提示符中执行：

pandoc -t revealjs -s demo.md -o demo.html

生成的文件demo.html就是网页版PPT，但需注意，此方式并未将reveal.js集成进html文件中，所以需要将demo.html文件和reveal.js文件夹放在同一目录下。

集成转换

将reveal.js文件夹下的index.html文件打开，修改 <div class="reveal"></div> 标签里的内容为：

<div class="slides">
    <section data-markdown="demo.md"
                data-separator="^\n----  ----\n$"
                data-separator-vertical="^\n----\n$">
    </section>
</div>

另存该文件，比如命名为demo.html，同时将demo.md文件与demo.html文件放在同一文件夹下，命令提示符中执行：

pandoc -s -t revealjs -o demo.html demo.md -V revealjs-url=.
npm install -g inliner
inliner --nocompress --inlinemin -e utf-8 demo.html > dist.html

新生成的dist.html文件即可独立运行。

npm install -g inliner 命令仅第一次转换时执行，后续无需再执行。

其它

更改主体

reveal.js提供了多种主体，可在 reveal.js/css/theme 目录下查看，生成时可用 -V 参数指定主体：

pandoc -s -t revealjs -o demo.html demo.md -V revealjs-url=. -V theme=solarized