由于要做一个关于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. ibatis学习之道:ibatis的<[CDATA]>dynamic属性跟#$的应用

    ibatis的<![CDATA]>,dynamic属性和#,$的应用 <![CDATA[   ]]>的正确使用 ibatis作为一种半自动化的OR Mapping工具,其灵活性 ...

  2. C语言中所有变量和常量所使用的内存总结

    (1)相同点:三种获取内存的方法,都可以给程序提供可用内存,都可以用来定义变量给程序用.(2)不同点:栈内存对应C中的普通局部变量(别的变量还用不了栈,而且栈是自动的,由编译器和运行时环境共同来提供服 ...

  3. <php>统计整个文件夹的大小

    //用来统计一个目录下大小 function dirsize($file) { $size = 0; $dir = opendir($file); while($filename = readdir( ...

  4. wex5添加视频播放

    我使用的播放器是ckplayer http://www.ckplayer.com/ ckplayer存放路,项目路径下: 方法一: 在monitor.w里加一个div标签 <div id=&qu ...

  5. Android学习总结——强制下线功能(广播)

    最近一口气买了好几本书,其中Android的<第一行代码>觉得真心不错,学到这个内容,顺便做个总结,加深印象. 强制下线的基本思想就是在界面上弹出一个对话框,让用户必须点击确定按钮跳转到登 ...

  6. THINKPHP之控制器

    如何新增控制器? 在Lib/Action中新增一个控制器:ProductAction.class.php: <?php class ProductAction extends Action{   ...

  7. Ubuntu 14.04根据系统,休眠后不能启动要解决的问题

    简介: 提升Ubuntu制度14.04之后,当系统进入休眠,我们不能再次启动,直接崩溃,凡出了问题? 1.   问题纳入 Ubuntu升级系统14.04之后.通过系统的Power设置休眠时间,在系统进 ...

  8. myeclipse自动补全设置

    第一步: windows -->preference -->java -->editor -->content Assist --> auto activation -- ...

  9. io系统

    一.浅谈io系统 io系统的结构化思想是:输入-转换流-装饰器-输出. 对于字节流来说,常见的结构类为: package com.handchina.yunmart.middleware.servic ...

  10. Android实现程序前后台切换效果

    本文演示如何在Android中实现程序前后台切换效果. 在介绍程序实现之前,我们先看下Android中Activities和Task的基础知识. 我们都知道,一个Activity 可以启动另一个Act ...