Cover image
Hero image

托码特人

分享科技与人文

一个关注互联网的技术博客

是时候抛弃你的OFFICE全家桶了

你是否有这种场景,辛苦做好一份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 更新

blackTech

赞赏

声明: 本文内容由托码斯创作整理,由于知识水平和时效性问题,行文可能存在差错,欢迎留言交流。读者若需转载,请保留出处,谢谢!