github重磅推荐!一个很好用的PPT生成工具

介绍

reveal.js 是一个开放源代码HTML表示框架。它使使用Web浏览器的任何人都可以免费创建功能齐全且美观的演示文稿。查看现场演示。

该框架具有广泛的功能,包括嵌套幻灯片,Markdown支持,自动动画,PDF导出,演讲者注释,LaTeX支持,语法突出显示的代码等等

先看一下基本的效果图

动图封面

如何使用

推荐npm

该框架已发布到npm并可以从npm安装。请注意,reveal.js是针对浏览器的,包括CSS,字体和其他资产,因此npm依赖用例可能会受到限制。

第一步:安装

npm install reveal.js
# or
yarn add reveal.js

第二步

引入Reveal.js样式

<link rel="stylesheet" href="/node_modules/reveal.js/dist/reveal.css">
<link rel="stylesheet" href="/node_modules/reveal.js/dist/theme/black.css">

第三步

可以将reveal.js作为ES模块包括在内:

import Reveal from 'reveal.js';
import Markdown from 'reveal.js/plugin/markdown/markdown.esm.js';

let deck = new Reveal({
   plugins: [ Markdown ]
})
deck.initialize();

当然也可以在window上直接玩

第一步,克隆reveal.js存储库

$ git clone https://github.com/hakimel/reveal.js.git

第二步 移该项目文件夹并安装依赖项

$ cd reveal.js && npm install

第三步 启动

$ npm start

第四步 查看效果

打开http:// localhost:8000查看您的演示文稿

动图封面

动图封面

动图封面

另外可以支持

  • 垂直滑梯
动图封面

  • 自动滑行
动图封面

  • 全屏模式
动图封面

另外还支持

  • 自动动画
  • 演讲者视角
  • 幻灯片编号
  • 触摸导航
  • PDF导出
  • 概述模式

Github地址: github.com/hakimel/reve

最后,照旧安利一波我们的公众号:「github掘金」,目前每天都会推荐一篇优质的开源项目文章,主要分享比较实用或有趣的开发工具与开源项目。我们的目标是:挖掘开源的价值。这个公众号超级值得大家关注。