你是否有这种场景,辛苦做好一份PPT
,然后发文件给其他人,奈何人家用的macOS
且没有装微软全家桶,如果有Keynote
还算好。想表达的意思就是通过这样的Native
端办公软件,在跨平台协作上,难免会「丢真」。而今天的主角,将以极客化的方式为你继续PPT
之路,让你越来越喜欢装逼……
今天要说的是一个很炫的东西,叫做NodePPT
项目地址
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.demo.com
,就可以远程访问 ppt 了,这并不需要你在任何平台安装 office 全家桶
5、剩下的工作就是发挥创造力,码字,做交互。每次写完重复以上步骤就可以使得 ppt 更新