The HTML presentation framework | reveal.js

The HTML presentation framework | reveal.js

Documentation and demos for the open source reveal.js HTML presentation framework.

访问网站
我的收藏180 次访问更新于 a month ago反馈
The HTML presentation framework | reveal.js screenshot

详细介绍

reveal.js 介绍

简介

reveal.js 是一个开源的 HTML 演示框架(The HTML presentation framework)。它是一个工具,让任何拥有网页浏览器的人都可以免费创建功能完备且美观的演示文稿。使用 reveal.js 制作的演示基于开放的 Web 技术构建,意味着你在 Web 上能做的任何事,都可以在演示中实现:用 CSS 更改样式、用 <iframe> 嵌入外部网页,或通过 JavaScript API 添加自定义行为。

reveal.js 标志

主要功能

  • 幻灯片制作:即使不是程序员也能使用,官方提供了功能完备的可视化编辑器 Slides.comhttps://slides.com)来创作。
  • 代码高亮:支持美观的代码语法高亮,由 highlight.js 提供技术支持。
  • 更精美的动画:支持 Auto-Animate(自动动画),可跨幻灯片自动动画匹配元素。
  • 视角与缩放:按 ESC 进入幻灯片概览;按住 alt 键(Linux 下为 ctrl 键)点击任意元素可使用 zoom.js 放大查看,再次点击缩小。
  • 丰富特性:框架自带广泛功能,包括嵌套幻灯片(垂直幻灯片)、Markdown 支持、Auto-Animate、PDF 导出、演讲者备注、LaTeX 数学公式支持以及语法高亮代码等。
  • 其他功能:演讲者视图、滚动视图、幻灯片编号、跳转幻灯片、触摸导航、全屏模式、概览模式、自动幻灯片播放等。
  • 自定义与扩展:支持主题、过渡效果、配置选项、演示尺寸自定义;可通过内置插件、第三方插件或自行创建插件来扩展,支持 Multiplex 等。

适用场景

  • 技术分享与教学:需要展示语法高亮代码、数学公式或嵌入网页内容的演示。
  • 通用网页演示:希望利用开放 Web 技术自由定制样式与交互效果的公开演讲、报告。
  • 非程序员快速制作:不想手写 HTML 或 Markdown 的用户,可直接使用配套的 Slides.com 可视化编辑器免费创建。

获取与支持

reveal.js 由 @hakimel 发起并维护,社区共同参与贡献。最佳支持方式是成为 Slides.com 的付费会员(该平台由 Hakim 构建)。官方还提供视频课程帮助用户快速上手,并可通过安装说明在数分钟内创建首个演示。