reveal_js

  • 这是一个 js 项目,js 负责所有的行为和交互,比如页面切换
  • 相比 ppt/keynote 做到了内容和样式分离
  • 适合公式、代码、数据、逻辑,不适合图像、设计、布局、故事
  • 相比 ob 的 slides 插件还是要好不少的

需求 #

  • 对图片的支持、尤其是多张图片
  • 最好用 internal link 做一个 content 出来
  • 文字大小最好自适应
  • 公式的显示
  • 交互式的图表(暂时用不到)

Demo feature #

  • 很好的 code 可视化、逐步高亮
  • auto animation
  • 对 md 的支持
  • text 的 auto fit
  • 一段话分成 fragment 显示(以 vertical slides 的形式)
    • 还可以放大、缩小、飞入飞出,这些在 transition 中定义
  • 支持所有的 css 样式
  • 更改背景颜色、使用图片/视频/gif 作为背景
    • background 切换也支持 transition 自定义
  • iframe
  • 可以不通过 markdown 来支持无序/有序列表、表格、inline/block 引用
  • 内部链接
  • speaker view
  • 打印成 PDF
  • data state 好像很重要

Skill #

  • B/. 可以暂停展示
  • alt+点击可以 zoom in/out
    • 在自己的 slides 里面不行

选择 #

  • theme 里面其实 serif 是一个很好的选择
  • transition 选 none 或者 fade,不要太花哨
  • md 其实并不好用,长段的 md 没办法显示出来(除非文字大小自适应?)
  • YouTube 网页支持很差,看来没办法插入视频了

实践之后 #

  • 其实应该在 md 里面写好、构思好内容再往 html 代码里面填,html 毕竟不是给人看的
  • 新建标签可以不用输入 <> 符号,直接回车
  • 其实这个框架潜力很大,现在只发挥了一点特性
  • 之后一定要记得 plotly 和 reveal 的结合性质