1、下载到的压缩包，上传到网站根目录下。
2、解压出来，复制index.html里面的主要代码，插入到网站项目想要放置的位置。
3、对插入的代码，根据自己需求对文字以及图片做适当的修改和替换，即可投入到自己网站中使用以及呈现。
这是因为 image.src 的返回值其实是一个完整的url，也就是图片的完整网址（由http开头的），并不是你想象中的只有a.png或者b.jpg的，所以如果网址的其余部分（比如域名）含有a，那么image.src.match("a")就会一直是true，即使图片已经变为b.jpg了。所以改成这样就正常了： image.src.match("a.png") 和 image.src.match("b.jpg")
当然这样还是不够严谨的，比如遇到网址是这样的 .../xxa.png/b.jpg 那么上面的两种判断都会是true
幻灯片的内容需要包含在 <div class="reveal"><div class="slides">的标签中。
一个section是一页幻灯片。
如果你将多个 <section>放到另一个<section>的内部，它们将会以垂直幻灯片的方式显示。第一个垂直幻灯片是其它的 “root（根）”
怎么理解呢？ 可以这样理解：横向的幻灯片代表一章，纵向的幻灯片代表一章中的一节。那么横向的幻灯片在播放时是左右切换的，而纵向的幻灯片是上下切换的。
For example:
其他具体内容请查询下节 参考 引用。
1、 reveal.js-一个专门用来做 HTML 演示文稿的框架
2、 HTML5幻灯片库reveal.js使用
3、 使用reveal.js制作一个酷炫的网页ppt
4、 Reveal.js：把你的 Markdown 文稿变成 PPT
