专栏首页九彩拼盘的叨叨叨网页PPT: reveal.js 介绍

网页PPT: reveal.js 介绍

reveal.js

reveal.js 是个啥

reveal.js 是一个展示内容的框架,可以简单的理解为网页版的PPT。我们用 reveal.js 做出来的PPT其实是一个HTML文件。

优势

和传统的PPT相比,reveal.js 有哪些吸引我的地方呢?主要有:

  • 制作简单:对程序员来说,只是做个页面而已;对非程序员可以使用在线编辑器
  • 运行简单:因为是一个HTML文件,那么只要双击,就能在浏览器中展示。(注:为了更好的效果,还是用高级浏览器打开比较好,虽然它对IE8及以上版本的旧浏览器做了优雅降级。更详细的浏览器支持,见这里
  • 功能强大,灵活:因为是在浏览器中运行的,可以用HTML+CSS+JS,做各种想要的东西:比如与现场的用户进行交互(如用户在手机上进行一些投票,页面上实时显示投票数);并且,reveal.js 有多套默认皮肤,支持 多种PPT切换动画,Fragments,内联PPT( nested slides),代码高亮,解析 Markdown,懒加载图片和视屏,导出为PDF和一系列的 JS API 等特性

安装

小白版安装

  1. 下载: https://github.com/hakimel/reveal.js/releases
  2. 解压下载的文件。将 index.html 里的内容替换成自己的内容
  3. 打开 index.html 来查看效果

完整版安装

reveal.js 的某些特性需要服务器端的支持,如 外部Markdown,演讲者注释。如果要用这些功能,需要安装完整版。步骤如下

  1. 安装 Node.js
  2. 安装 Grunt
  3. 下载 $ git clone https://github.com/hakimel/reveal.js.git
  4. 到 reveal.js 文件夹 $ cd reveal.js
  5. 安装依赖 $ npm install
  6. 运行 $ grunt serve
  7. 打开 http://localhost:8000 来查看

你也可以改变端口用 grunt serve --port 8001

DEMO

最后附上 一丝 用 reveal.js 做的高大上的demo

是不是很高大上,哈哈。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Web 前端常用专有名词的正确拼写

    本文遵守创作共享CC BY-NC-SA 4.0协议 网络平台如需转载必须与本人联系确认。

    Joel
  • 前端组件整理

    Joel
  • 研发常用工具软件

    Joel
  • web之攻与受(CSRF篇)

    如图用户通过源站点页面可以正常访问源站点服务器接口,但是也有可能被钓鱼进入伪站点来访问源服务器,如果伪站点通过第三方或用户信息拼接等方式获取到了用户的信息(如c...

    一粒小麦
  • 【leetcode刷题】20T27-旋转链表

    https://leetcode-cn.com/problems/rotate-list

    木又AI帮
  • 2018中国(上海)轨道交通展

    通过展会的平台,能将买方、卖方和产品汇聚一堂,在轨道展、隧道展现场,行业领域内上下产业链的企业展示最新的技术和产品,专业观众密集度高,是业内人士不可缺少的交流渠...

    用户2465578
  • DAU/MAU?UGC?

    MAU(月活)Monthly Active User: 单月活跃用户量,反应产品长期用户活跃度

    梦_之_旅
  • python split分割次数

    1 a = "dlrblist" 2 a1 = a.split("l", 1) 3 print(a1) 输出结果:

    用户5760343
  • 从程序员转型到架构师的Java集合小抄

    以双向链表实现。链表无容量限制,但双向链表本身使用了更多空间,每插入一个元素都要构造一个额外的Node对象,也需要额外的链表指针操作。

    Java知音
  • 互联网JAVA面试常问问题(七)- 带你走入AQS同步器源码

    周末叫醒我的不是忘记关掉的闹钟,而是一颗爱学习的红心~大家周日好,欢迎和小强一起继续研究互联网JAVA面试题~

    程序员小强

扫码关注云+社区

领取腾讯云代金券