HTML轻松创建演示文稿:reveal.js

HTML轻松创建演示文稿:reveal.js

只要有浏览器就能播放演示文稿。

项目地址: https://github.com/hakimel/reveal.js

一个示例 这才是真正的GIT

创建一个新工程,除了用npm install的方法之外,也可以非常简单地直接引用相应css和js文件就可以。在整个HTML的.reveal下创建.slides,当中的每个<section>就是幻灯片的一页,可以按方向键右进行换页。可以在<section>中嵌套一层<section>进行分页,分页的按方向键下进行换页。

在同一页中支持使用文字效果,如显示、淡出、放大、缩小、变色,使用.fragment 同时使用相应的类(例如.grow, .shrink, .fade-left , .highlight-green等)即可。

支持使用markdown直接编写演示文稿。要使用markdown编写,首先要引入指定js文件,并要为这一页的section加上data-markdown的属性,就可以在此页使用markdown编写内容。

代码高亮效果也非常好。在代码的属性上添加 data-line-numbers 属性还支持对指定行数进行强调。

按ESC键将显示缩略图。

按下B键可以暂时黑屏,再按B则恢复。

按下S键可以进行演讲者模式,这会弹出一个新窗口,不仅能同步控制演示,还可以看演示时间和下一页的内容。

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注