本文为饥人谷讲师若愚原创文章。

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点破碎的心有个慰藉

加微信号: astak10或者长按识别下方二维码进入前端技术交流群 ,暗号:写代码啦

每日一题,每周资源推荐,精彩博客推荐,工作、笔试、面试经验交流解答,免费直播课,群友轻分享... ,数不尽的福利免费送


饥人谷
1k 声望131 粉丝

最有爱的前端交流社区