打造属于你的 slide hub

经常面临的一些场景

情景一

老大: 小李, 别写代码了, 明天给大家分享一下吧

啊!(懵逼。。。)

情景二

这种类型 ppt 之前写过了, 到时候直接拿来用

演讲前夕...

我去, 之前的 ppt 跑到哪里去了?

演示文稿哪家强

打造属于你的 slide hub

manage-slides

  • 统一管理: 再也不用担心你的 ppt 找不到
  • 集成 reveal.js: 作为前端开发者和markdown开发者一定不能错过
  • 包容: 可以存储 slide 在 hub, 也可以直接外链
  • 部署简单: 利用 ci 自动部署
快速开始
          
            # 创建一个目录
            $ mkdir my-slide && cd my-slide

            # 初始化成一个 slide 项目
            $ npx manage-slides init my-slide
            
            # 运行
            my-slide $ npm run serve
            DONE Compiled successfully in 1438ms 10:18:49 PM
  
            I Project is running at http://localhost:8080/
            
        
如何新增一个 slide

创建一个常规的 slide


          # 新增 一个 slide "normal"
          my-slide $ npx manage-slides add normal

          # 查看新增 slide
          my-slide $ ls slides/normal
          index.html index.js manifest.json
          

ok, 已经新增一个简单的 slide, 你可以按照reveal.js 语法来写 slide 内容了

如果你的 slide 或者你喜欢 slide 另外有位置发布, 那么你可以添加一个清两级 slide


            my-slide $ npx manage-slides -l light
          

现在有了一个 light/manifest.json

编辑 manifest.json 更新你的 slide 信息

两种方式有何不同?

并没有太多不同

常规 slide 是方便你在 slide hub 目录下使用 reveal.js 来创造你的 slide, 并利用 slide hub 来存储

轻量级 slide 是让 slide hub 更包容, 容纳外部 slide

构建静态站点


            my-slide $ npm run build
          

构建结果存放在 dist/ 下, 你可以选择以下方式部署:

更多

  1. 定制: 具体见 https://github.com/MwumLi/manage-slides
  2. reveal.js 的使用: 见官方 demo
Thanks!