基础工具
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