大概很久很久以前(大概2012年或者2013年吧),在上海的某个会议上,看到某个大神的分享PPT,是Web版的,虽然简单,但就是觉得特别美特别高大上,一直想要学习一下那样的PPT是怎么做出来的,只可惜当年压根儿没听懂或者没注意写这个PPT的东西究竟是什么,所以回家后也不知道要怎么去搜索相关信息并学习,于是这件事就这么不了了之了。
突然有一天,大概是去年(2015)年底吧,我在逛公司某大神的博客时,一不小心看到了一篇题为《用markdown写PPT》的文章,此时我正狂热的爱上了用markdown写文章呢!于是就好奇的进去看了一看,哈哈!这不就是当年的那个Web版PPT吗?!!于是就跟着大神的记录,一步一步做了起来,然而在安装nodeppt的时候卡住了,苦于但是没有比较稳定的VPN,这个事情又不了了之了。
昨天,想着给小组的同事们分享一下Hexo,PPT就用Web版的吧,正好可以装逼一下,于是又想起大神的博客,奈何我恼人的失忆症,没办法,只好厚着脸皮直接找大神本人要他的博客地址了。大神就是大神,总是乐于分享的哈!这次在Shadowsocks的帮助下,虽然有点儿卡顿,不过还是成功安装了nodeppt,接下来就是写PPT啦,具体步骤:
1.安装nodeppt
npm install -g nodeppt
安装完了总会习惯性的查看一下版本号,一来可以确认一下是否安装成功,二来可以查看安装的版本号是多少。查看版本号的命令:nodeppt -v
2.创建PPT
你想把PPT放在哪个盘就现在那个盘上创建一个文件夹,名字叫什么你随意哈!然后把路径cd到你刚创建的文件夹下,新建一个Markdown文件,然后就可以开始写PPT啦
2.1模板内容
title: 这是演讲的题目
speaker: 演讲者名字
url: 可以设置链接
transition: 转场效果,例如:zoomin/cards/slide
files: /css/theme.moon.css,尾部的文件
theme: colors-moon-blue-dark-green-light//皮肤,六选一即可
highlightStyle: monokai_sublime //hljs的样式
headFiles: //头部的文件
usemathjax: //如果为yes,则引入mathjax,默认不建议开启,导出文件太多
date: 2015年12月20日
2.2PPT页
一页PPT用一个[slide]
2.2.1页的事件处理
可以在slide后面绑定事件处理功能,比如:[slide data-on-build=”globalCallbackName”]
//当进入下一步操作的时候触发该事件,具有stop方法[slide data-on-keypress=”globalCallbackName”]
//按键时触发该事件,具有stop方法[slide data-on-enter/leave=”globalCallbackName”]
//当进入/离开此页面的时候触发该事件,具有stop方法
具体globalCallbackName方法里要做些什么事情,你自己写就好啦。
2.2.2给页加背景图片
[slide style=”background-image:url(‘/img/bg1.png’)”]
注意一下项目的文件目录关系即可。
2.3PPT子页
用[magic][/magic]
包裹所有的子页,每个子页之间用====
分隔。例如:[slide][magic]子页1====子页2====子页3[/magic]
可以在magic后面加一些转场效果,例如:[magic data-transition=”zoomin”]
,比较好的转场效果有:
- zoomin/zoomout
- move
- circle
- earthquake
- newspaper
- cover-diamond
- horizontal3d/horizontal
- vertical3d
- cover-circle
2.4其他
添加单条动画,例如:+ 什么是Hexo {:&.moveIn}
- 为什么用Hexo
- 怎样搭建Hexo博客
3.启动PPT
nodeppt start -p <port>