使用markdown书写幻灯片

markdown-slide

使用markdown书写幻灯片

使用方法:

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

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

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

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

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

原理:

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

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

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。