使用reveal.js

  • 首先要reveal.js是一个制作网页版ppt的框架。
  • github项目地址
  • 在线编辑地址
  • 我们要用的话,就要clone或下载到本地
    git clone https://github.com/hakimel/reveal.js.git
    里面会有个demo.html和index.html
  • 怎么用呢?
 //  一个section就是一页ppt 这样的是左右翻页的
Slide 1
// 一个section里套section就是上下的翻页的ppt
Slide 1
Slide 2
// 修改主题 // 修改一些初始设置 Reveal.initialize({ transition: 'convex', // 动画效果 width: 1280, height: 720, dependencies: [ { src: 'js/marked.js' }, { src: 'js/markdown.js' }, // { src: 'plugin/notes/notes.js', async: true }, { src: 'js/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } } ] }); // 详细配置可以看:https://github.com/hakimel/reveal.js#configuration // 可以使用markdown
// 使用 // 还有个挺好玩的懒加载,在src前加上data就可以了
![](image.png)
  • 还有好多好玩的,我就不写了,看官方文档其实就可以很快的上手了。

你可能感兴趣的:(使用reveal.js)