前端插件reveal.js制作PPT-入门

一、reveal.js简介

一个能够帮助我们很轻易地使用 HTML 创建一个漂亮的演示文稿的框架。
reveal.js有很多功能特性,包括 嵌套幻灯片,Markdown 内容,PDF 导出,演讲注释,以及一个 JavaScript API。

二、安装reveal.js

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

1、安装node

安装node.js,最新版本即可(Mac安装方式:brew install node)

切换模块仓库到阿里的源(Node 的官方模块仓库网速太慢)

npm config set registry https://registry.npm.taobao.org/

确认是否切换成功

npm config get registry

2、安装grunt

npm install -g grunt

3、安装reveal.js

1、下载reveal.js源码

下载reveal.js源码到文件夹

git clone https://github.com/hakimel/reveal.js.git
2、安装reveal.js依赖
cd reveal.js

npm install
3、运行
grunt serve

打开 http://localhost:8000 来查看,也可以改变端口用 grunt serve --port 8001

三、参考

1、github hakimel
2、网页PPT: reveal.js 介绍
3、Mac上安装node和使用vue-cli构建vue项目

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 大部分的后端会很很鄙视前端。我也不知道为什么,可能大部分人都会觉得脚本语言根本不算语言。 大多人 会叫我们切图仔,...
    小黑的眼阅读 8,773评论 0 15
  • 你家的孩子是否总有一些奇怪的举动,让你哭笑不得?别急,或许是高智商天才呢。 高智商的孩子通常有以下表现: 1、酷爱...
    金灶沐_马维阅读 2,944评论 0 4
  • 这学期开学身为大三的我们去实习了,学校分配地点,分配人员。说“分配”二字是好听的,说白了那是“发配”,别小看这一字...
    杜灵犀阅读 4,669评论 1 3
  • 本来就着急的奶奶和妈妈开始变得像热锅上的蚂蚁,无比着急。次次都要在我耳边各种叨叨。似乎我在这个年龄还没有嫁出去不仅...
    一朵小四月阅读 2,707评论 0 4
  • 当他们找到我时,我很淡定。 我现在在一个别墅的大门口,有几个人围着我。他们似乎是因为我做了什么行为想要抓住我。 我...
    第九个宇宙阅读 2,915评论 0 0