由于要做一个关于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. 传阿里整合资源,进军O2O市场

    阿里巴巴对于本地生活市场,以及O2O领域始终虎视眈眈.从最早的融合口碑网,到最近阶段推出淘宝点点.收购高德地图等一系列app产品,其整合线上线下消费市场的野心已十分明显. 今年年初,阿里巴巴集团重新进 ...

  2. html5 app图片预加载

    function Laimgload(){} //图片预加载JS Laimgload.prototype.winHeight = function(){ //计算页面高度 var winHeight ...

  3. LeetCode 58 Spiral Matrix II

    Given an integer n, generate a square matrix filled with elements from 1 to n2 in spiral order. For ...

  4. public,private,protected的区别

    一,public,private,protected的区别public:权限是最大的,可以内部调用,实例调用等.protected: 受保护类型,用于本类和继承类调用.private: 私有类型,只有 ...

  5. oracle得到拼音函数

    CREATE OR REPLACE FUNCTION fgetpy (v_str VARCHAR2)   RETURN VARCHAR2AS   v_strlen   INT;   v_return  ...

  6. Visual Studio在页面按F7不能跳转至cs代码页的解决方法

    检查页面Page设置内的CodeBehind属性,看是否与代码页的文件名相同,不同则改正,问题得以解决.

  7. iOS_SN_基于AFNetworking3.0网络封装

    转发文章,原地址:http://www.henishuo.com/base-on-afnetworking3-0-wrapper/?utm_source=tuicool&utm_medium= ...

  8. 学习CAS实现SSO单点登录

    学习CAS实现SSO单点登录 网上找了几篇比较详细的教程,在这记录一下: 原理: CAS实现SSO单点登录原理 教程: 1.CAS实现单点登录(SSO)经典完整教程 2.SSO之CAS单点登录实例演示 ...

  9. CM3存储器系统

    1.位带(Bit-Band):如1M的地址都可以用bit访问,然后用32M的地址对应这1M的地址.其中这32M地址的每个字的最低位对应那1M可bit寻址的每个位.

  10. 【JAVA编码专题】UNICODE,GBK,UTF-8区别

    简单来说,unicode,gbk和大五码就是编码的值,而utf-8,uft-16之类就是这个值的表现形式.而前面那三种编码是一兼容的,同一个汉字,那三个码值是完全不一样的.如"汉"的uncode值与g ...