html 展示ppt_「优秀库推荐」ppt-cli 让你优雅地做 ppt

ppt-cli是什么

ppt-cli是一款用于生成在线 slides 的 node 工具，使用它可以通过一个命令把本地甚至线上的 markdown 文件转换成HTML 文件，并拥有各种强大、可配置、神奇的功能。

npm 地址： ppt-cli

github 地址： GitHub - jirengu/ppt-cli: a slides framework using makrdown

为什么要做它

做课件做展示一直找不到合适的工具，虽然像 gitbook、个人博客、课件平台都能使用 markdown 展示内容，但毕竟不像 ppt 那样有良好的展示效果。

使用国内的在线 ppt 网站，一堆繁复的功能配置和广告看的心累；使用演说在线定制化太差且不能分享；使用http://slides.com 无奈太卡；使用reveal.js 写 HTML太复杂；用 keynote 写起来麻烦分享起来也不方便。

没有合适的轮子只能自己造了。于是花了一个下午写了工具的原型，晚上熬个夜做了功能的细化。这个轮子要体现几个特点：

1. 书写 ppt 一定要极致方便，最好直接用 markdown 写，不需要任何特殊的语法
2. 使用起来极其弱智，一个命令实现目的
3. 细细挖掘会发现功能简约而不简单。需要实现绝大多数所需的个性化功能，比如转场效果、排列位置、代码亮亮 、 可嵌入 HTML CSS JS、自定义样式、自定义风格、自定义JS、背景图片、背景视频、转场对应页面执行当页JS、添加属性、支持 markdown 的一二三级标题分页和特殊字符 --- 分页
4. 新轮子最好基于老轮子，可大大降低开发成本

如何使用

1. 安装 node

2. 打开命令窗口，执行

npm install -g ppt-cli

3. 创建 markdown 文件

4. 执行

ppt sample.md
ppt sample.md --align=center --theme=black --transition=zoom

5. 或者可以直接使用线上的 markdown 文件

ppt https://raw.githubusercontent.com/jirengu/server-mock/master/README.md

注意事项

在书写 markdown 的时候要注意，每个一级标题、二级标题、三级标题都对应 slides 里的一个页面，所以这些标题下对应的内容不要太长，否则一个页面展示不下。

本文和工具均为作者若愚原创，点个赞又不会怀孕，也让我熬夜到2点破碎的心有个慰藉

欢迎进群探讨技术，点击此微信扫码进群。

广告：前端培训，还是饥人谷靠谱。