由于要做一个关于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. eclipse js中 选中方法按F3快捷键不能跳转到对应方法的解决方案

    这种情况很可能是m2e-wtp插件没有安装的,安装插件成功后即可解决. m2e-wtp插件安装参照相应随笔.

  2. html5上传本地图片,在线预览及裁剪(filereader,canvas)

    1 我们常常需要上传头像,点击上传按钮时候需要预览一下,使用filereader方法无需和后台交互,代码如下: //本地图片在上传之前的预览效果 //图片上传预览 function previewIm ...

  3. poj 2718 Smallest Difference(穷竭搜索dfs)

    Description Given a number of distinct , the integer may not start with the digit . For example, , , ...

  4. 去掉MySQL字段中的空格

    mysql replace 函数   语法:replace(object,search,replace)   意思:把object中出现search的全部替换为replace   案例: SQL Co ...

  5. 在Ubuntu上下载、编译和安装Android最新内核源代码(Linux Kernel)

    文章转载至CSDN社区罗升阳的安卓之旅,原文地址:http://blog.csdn.net/luoshengyang/article/details/6564592 在前一篇文章提到,从源代码树下载下 ...

  6. 如何把java代码转换成smali代码

    1.概述 Smali是Android系统中Dalvik虚拟机指令语言,在apk逆向过程中有许多工具可以把smali代码转化成java代码.但是在学习Smali语法的过程中,有时候需要进行java代码和 ...

  7. Android Studio IDE 所遇问题汇总

    [窗体视图无法显示]     在/res/values/styles.xml文件中,修改一下内容 <!-- Base application theme. --><style nam ...

  8. Test failed.尝试加载Oracle客户端库时引发BadImageFormatException

    CodeSmith6.5不像前几个版本,需要用户手动添加oracle驱动,内部已经集成了oracle的驱动. 网上遇到很多win7 64位机子使用CodeSmith连接oracle的时候出现错误如下:

  9. transition过渡的趣玩

    本例中将三张图(来自网络)进行堆叠,鼠标悬停触发.附有源代码

  10. js图片放大镜特效代码

    <script language="JavaScript"> <!-- var srcX = 1024; //原图长宽 var srcY = 768; var b ...