使用reveal.js制作PPT，并部署至GitHub

折腾了一天把PPT做好，经历千辛万苦终于上传到Github上实现预览，记下啦，以免下次再用的时候忘掉

制作PPT

一、安装reveal.js

1、基本安装（我觉得写个PPT，基本安装就可以啦）

clone reveal.js 库

$ git clone github.com/hakimel/rev…

打开index.html就可以查看效果啦，里面是默认的demo，想改成什么内容，就直接在index.html中编辑就行啦

2、完整安装

安装 nodeJs (对前端同学来说，这步可以省啦)
安装 Grunt
clone reveal.js 库

$ git clone github.com/hakimel/rev…

切换到reveal.js下

$ cd reveal.js

安装依赖

$ npm install

监控源文件的改变

$ grunt serve

打开 http://localhost:8000 预览你的演示文稿

你可以通过 $ grunt serve --port 8001 改变端口

备注：还是修改index.html文件哦

预览PPT

使用grunt启动服务，默认端口是8000，

一、做好的PPT上传至GitHub

1、去Github新建一个repository

首你需要一个GitHub账号，点击头像旁边小加号-> new repository

输入项目名称，点击create按钮

2、将空项目下载到本地

$ git clone github.com/niuchunling…

3、上传写好的PPT

把reveal.js文件夹里的文件复制到juejin-test-reveal目录下(删掉node_module、package.json等无用文件，如果发现预览失败，先删这些文件试试哈，我被这个坑了好久，也不到为啥，有知道的大佬，给我留言哈)
进入到juejin-test-reveal文件夹中

$ cd juejin-test-reveal

提交文件

$ git add .

$ git commit -m 'some message'

$ git push -u origin master

去看效果看我的demo
那怎么知道在哪预览那？项目 -> settings -> GitHub pages

完成啦，有问题或者不足的地方，欢迎给我留言哦

使用reveal.js制作PPT，并部署至GitHub相关推荐

使用reveal.js制作精美的网页版PPT
前言最近在做季度总结和技术分享,所以需要做个PPT, 来回顾这半年来的技术贡献. 但苦于mac上运行PPT那感人的流畅度, 成功的激起了笔者的强迫症, 所以索性想办法通过技术的手段来做个网页版PPT ...
使用reveal.js制作一个酷炫的网页ppt
今天教大家使用reveal.js,制作一个简洁优雅的网页ppt.在这之前,你需要一些基本的HTML以及CSS的技能基础. 1.准备工作下载插件,插件下载地址:https://github.com/h ...
支持javascript的ppt软件_用 reveal.js 随心所欲地制作 PPT
在面临课题总结或者小组活动的时候,我们几乎都避免不了使用PPT的情境.而制作一个质量较高的PPT可能需要花费比较长的时间1 .倘若你是个"完美主义者",对细节要求几近苛刻,而知识储 ...
html5 js实现ppt制作,HTML5幻灯片库reveal.js使用
介绍最近在准备一个团队内部的分享,觉得powerpoint写幻灯片太麻烦,效率太低.作为前端,就想到是否可以使用页面来做幻灯片.于是就去搜索了下有没有HTML5实现幻灯片的工具.经过对比,最后选择了 ...
基于docker+reveal.js搭建一个属于自己的在线ppt网站
前言最近热衷于Docker,由于这段时间使用Docker来折腾自己的服务器,越来越感觉这是一种极其被应该推广的技术,因此想在公司内部也做一次技术分享.当然,如果只是做的PPT,我就不写这文章了.既然 ...
Reveal.js：把你的 Markdown 文稿变成 PPT
Reveal.js:把你的 Markdown 文稿变成 PPT https://github.com/hakimel/reveal.js 通过 Reveal.js 这个框架, 我们可以把 Markdo ...
js 复制图片_不会做ppt？Reveal.js让你复制粘贴另类拉风，简洁优雅又低调
要了解一个新知识我们可以从三个方面入手:是什么,有什么用,怎么用.下面我们就从这三个方面进行讲解Reveal.js Reveal.js是什么它是一个专门用来做 HTML 演示文稿的框架,通俗的讲它是 ...
支持javascript的ppt软件_强大CSS3的3D幻灯片工具reveal.js(推荐)
reveal.js是一个基于CSS3的3D幻灯片工具.Reveal.JS是Hakim El Hattab开发的一个演示文稿制作工具,能够制作绚丽的演示文稿并生成HTML格式,将它发布到web上.它使用 ...
reveal.js + markdown 制作幻灯片
reveal.js + markdown 制作幻灯片--0 reveal.js是一款通过利用HTML快速创建演示文稿,并且具有很多功能:垂直,水平幻灯片:支持Markdown,LaTex:演讲者注释: ...