由于要做一个关于node的分享,要准备写一个ppt方便就行交流。之前用的比较多的是slides(http://www.slides.com),最近知道了一个node写的工具,可以生成ppt,号称很强大,我就做了一次尝试(原因是使用markdown语法写ppt)。

  nodeppt是@三水清大大的力作,想要了解nodeppt有哪些强大的功能,可以来这儿看看

  我这里主要讲一下,我在使用过程需要注意的问题:

  1.安装

  根据文档说明安装应该是这样子的

npm install -g nodeppt

  本想着这样就能成功,结果安装过程中报了错误,发现是权限不够,所以就加了个sudo,果然成功安装了nodeppt。检测是否成功安装nodeppt可以使用下面的命令

nodeppt -V
//记得是大写V
//0.8.9-1 nodeppt -h
//查看帮助

  2.启动

  如果直接使用文档中的启动命令的话,有可能会报错,应该是ERROR: port 8080 is in use!意思就是说nodeppt默认开启的8080端口被占用了,这个时候需要使用设置端口号的命令

nodeppt start -p <未被使用的端口>

  这样就可以成功开启服务了,这个时候就可以访问到nodeppt提供的默认demo了,上面介绍了nodeppt的特性和相关功能实用,那么如何执行自己的ppt呢?

nodeppt start -d <ppt所在目录>

  nodeppt会读取设置目录下的md文件,作为ppt的入口。没有设置目录的话,或默认/usr/local/lib/node_modules/nodeppt/ppts/目录下的ppt。

  3.配置

  看demo例子可以发现,可以发现下面一些配置

title: nodeppt markdown 演示
speaker: Theo Wang
url: https://github.com/ksky521/nodePPT
transition: slide
files: /js/demo.js,/css/demo.css /*
title: 这是演讲的题目
speaker: 演讲者名字
url: 可以设置链接
transition: 转场效果,例如:zoomin/cards/slide
files: 引入js和css的地址,如果有的话~自动放在页面底部
*/

  关于files这配置,如果没有设置,默认从/usr/local/lib/node_modules/nodeppt/assets/读取静态资源。想要了解有那些专场效果可以来这儿查看。

  4.关闭

  关闭nodeppt服务的时候,我用ctrl+z实现了关闭,发现我之前开启的端口号都不能使用了,原因我虽然把服务关了,但是并没有关闭进程,这样的话,之前开启的端口都不能使用了。解决办法:可以使用ps -ef | grep username 可以查看这个username开启的进程有哪些,也可以使用netsta -nap | grep node查看node相关的端口状态,然后使用kill -9 <进程ID>杀死进程即可。

  当然最简单的办法就是:使用ctrl+c关闭nodeppt服务,这样的话进程同时会被干掉。

  5.其他

  • nodeppt有一个比较好玩的功能,可以通过手机控制PPT展示,就是所谓的“摇一摇”切换ppt,很酷,很炫
  • 可以导出pdf格式和html格式的文件

  可以看看demo例子,看完之后,各位也可以去玩玩,挺不错的~

  参考资料:https://github.com/ksky521/nodePPT

炫酷吊炸天的nodeppt的更多相关文章

  1. Unity3d 残影效果(狂拽炫酷叼炸天)

    效果图,真的很叼啊 我根据别人的改进了一版,支持MeshFilter上的Mesh(需要确保Mesh的Read/Write是开启的否则不能正常工作) 非常感谢原作者给提供思路.http://blog.c ...

  2. :after和:before炫酷用法总结

    引入 提到伪类,在我的印象中最常用的不过是:hover.:active.:link.:visited,还有css3里的常用伪类选择器:last-child.:first-child.nth-child ...

  3. 前端福利:使用Wallpaper Engine让自己的桌面炫酷起来

    Wallpaper Engine,是一款Steam上的特别特别炫酷的壁纸定制软件.它可以对你的桌面进行定制,可以使用视频,动画,网页等形式来替换壁纸. 注意到没,关键是可以使用Html格式的文件作为桌 ...

  4. 炫酷的jQuery对话框插gDialog

    js有alert,prompt和confirm对话框,不过不是很美体验也不是很好,用jQuery也能实现, 体验效果:http://hovertree.com/texiao/jquery/34/ 代码 ...

  5. html5跟随鼠标炫酷网站引导页动画特效

    html5跟随鼠标炫酷网站引导页动画特效一款非常不错的引导页,文字效果渐变,鼠标跟随出绚丽的条纹.html5炫酷网站引导页,鼠标跟随出特效. 体验效果:http://hovertree.com/tex ...

  6. 简单CSS3实现炫酷读者墙

    如题,给大家介绍和讲解几个常用的CSS3属性,并用到实处. 先看demo(请使用Chrome或者Firefox浏览,IE的靠边): 点此查看实例 觉得爽的可以继续阅读下面的知识点,感觉不爽的可绕行. ...

  7. 【DevOps】DevOps成功的八大炫酷工具

    为自动化和分析所设计的软件及服务正加速devops改革的步伐,本文为你盘点了Devops成功的八大炫酷工具 Devops凭借其连接弥合开发与运营团队的能力正在各个行业呈现席卷之势.开发人员和运营人员历 ...

  8. (转载)android炫酷实用的开源框架(UI框架)

    可以实现一些场常用炫酷效果,包含android-lockpattern(图案密码解锁).Titanic(可以显示水位上升下降的TextView).Pull-to-Refresh.Rentals-And ...

  9. flask-admin章节五:wtforms FormField超级炫酷使用

    1. 概述 查看wtforms代码树fields目录的core.py,会发现在文件开头有这样的语句: __all__ = ( 'BooleanField', 'DecimalField', 'Date ...

随机推荐

  1. Oracle insert update 时间处理

    24小时表示方法:to_date(’ ::’,’yyyy-mm-dd hh24:mi:ss’) 12小时表示方法:to_date(’ ::’,’yyyy-mm-dd hh:mi:ss’) ','S75 ...

  2. Java IO教程 导读

    Java IO是一套java 用来读写数据(输入和输出)的API.大部分程序都要处理一些输入,并有输入产生一些输出.Java为此提供了java.io包. 如果你浏览下java.io包,会对其中各样的类 ...

  3. Java ------------获取不会重复的随机数

    import java.util.UUID; public class UTest {    public static void main(String[] args) { //UUID通过rand ...

  4. Invalid content was found starting with element 'taglib'”

    今天在使用struts-menu制作菜单,在web.xml中写入 <taglib>      <taglib-uri>/WEB-INF/struts-menu.tld</ ...

  5. BZOJ 1001 狼抓兔子 (网络流最小割/平面图的对偶图的最短路)

    题目链接:http://www.lydsy.com/JudgeOnline/problem.php?id=1001 算法讨论: 1.可以用最大流做,最大流等于最小割. 2.可以把这个图转化其对偶图,然 ...

  6. C#串口扫描

    1.传入serialport 和待显示串口的Commbox private void Search_AddSerialToComboBox(SerialPort MyPort, ComboBox My ...

  7. FTP两种工作模式:主动模式(Active FTP)和被动模式(Passive FTP)

    在主动模式下,FTP客户端随机开启一个大于1024的端口N向服务器的21号端口发起连接,然后开放N+1号端口进行监听,并向服务器发出PORT N+1命令.服务器接收到命令后,会用其本地的FTP数据端口 ...

  8. 递归:汉诺塔 - 零基础入门学习Python024

    递归:汉诺塔 让编程改变世界 Change the world by program 似乎谈到递归算法就要拿汉诺塔来举例,没办法,因为小甲鱼小时候太笨了,这个游戏老是玩不过关,好不容易在自学编程的时候 ...

  9. 字符串:各种奇葩的内置方法 - 零基础入门学习Python014

    字符串:各种奇葩的内置方法 让编程改变世界 Change the world by program 字符串:各种奇葩的内置方法 或许现在又回过头来谈字符串,有些朋友可能会觉得没必要,也有些朋友会觉得不 ...

  10. 更改AngularJS的语法解析符号

    // 更改AngularJS的语法解析符号 app.config(function ($interpolateProvider) { $interpolateProvider.startSymbol( ...