blackTech

今天要说的是一个很炫的东西,叫做NodePPT

你是否有这种场景,辛苦做好一份PPT,然后发文件给其他人,奈何人家用的macOS且没有装微软全家桶,如果有Keynote还算好。想表达的意思就是通过这样的Native端办公软件,在跨平台协作上,难免会「丢真」。而今天的主角,将以极客化的方式为你继续PPT之路,让你越来越喜欢装逼……

项目地址

let’s look look… demo

源码:nodeppt

文档:推荐nodeppt:使用markdown语法来写网页ppt

安装使用啥的,官方文档说的很清楚,以下为我使用笔记

1 升级版本:

npm update -g nodeppt

2 创建一个文档:

// a. 执行如下命令
nodeppt create hello

// b. 交互式信息补充
please input:
title (slide title) Hello
subtitle world
speaker (speaker) Thomas Tang
Success:hello.md, please write your slide content

// c. 使用MWeb之类的MD工具开始愉快的编写ppt吧~

3 启动预览

// 其中,-w表示watch模式,即:改动会时时生效,无需手动刷新浏览器。有没有很*的样子
nodeppt start -w -p 9090

将写好的PPT作为gitpages服务发布

1 导出全部,包括nodeppt的js、img和css文件夹到执行目录下,如:docs

nodeppt generate . docs -a

目前发现两个问题,首先生成docs目录里,还有一个docs目录,在接着执行命令,还会继续生成。直接删掉不需要的目录;其次第一步生成的docs目录用了Git初始化,这就是说如果你的根目录已经用了Git管理,再套一层会导致推送到GitHub对应的目录没有文件,而git status会出现:modified: docs (modified content, untracked content)。解决办法还是删掉.git.gitignore

2 有了docs目录后,本地打开里面的index.html,看看样式对不对,没问题之后再进行第三步

3 在GitHub Pages的Source处,选择:Use only the /docs folder for GitHub Pages

4 访问配置好的域名,如http://ppt.shuoit.net,就可以远程访问ppt了,这并不需要你在任何平台安装office全家桶

5 剩下的工作就是发挥创造力,码字,做交互。每次写完重复以上步骤就可以使得ppt更新