使用markdown书写幻灯片

使用方法:

1. 使用markdown编写幻灯片内容,特别的,幻灯分页使用 --- 页号或单词 --- 分割开,保存为document.md文件。

2. 编写css文件控制幻灯样式。

3. html页面中引入slider.js,写一段脚本:

   window.onload= function(){ new Slider(document.body, {fullScreen:true, width:640, height:480}).show('document.md?'+new Date()); };

4. 将幻灯片内容、样式表、以及html文件上传到服务器,打开页面即可播放幻灯片。

原理:

• markdown文本中使用左右各不少于3个 - 作为页分割,中间可以写页码或单词,播放时中间的文本作为播放容器的class,故可以通过该单词来控制每页的样式。
• 播放容器大小可以通过config中的width及height来控制,以方便控制样式,实际播放是利用CSS3的transform特性进行缩放以适应窗口大小。

该代码是我在单位内部交流时临时写的,目前还在更新中。在重视内容而非华丽表现力的场合使用很方便。编写幻灯片内容很惬意,思路流畅,不受"新建幻灯片"之类操作的打断,不论调整各页内容还是纵观全局都很方便。