安装并使用Strut放映impress.js生成的ppt

原创
2013/08/26 07:40
阅读数 8.1K

##介绍impress.js 介绍impress.js前先看看它能做什么吧,中文版ppt demo原版ppt demo
impress.js是一个构建网页版本的ppt组件,其播放ppt非常酷(你们也看到了),这个是github上的项目主页
但是impress还有它的不足,就是制作一张绚丽精美的ppt比较累
因为impress没有图形界面,完全要靠一些枯燥的坐标来定位,具体情况可以参考国人写的一个中文教程

然后。。。 Strut站出来了

##介绍Strut 简单说Strut就是一个网页版的ppt制作器
你可以在Strut上新建、编辑、播放ppt(这里的ppt和微软的ppt没有一点关系)
可以先看一下作者提供的demo版本,事实上,你就直接可以使用了
Strut当然也有不足,它因为受图形界面限制,有些细节无法做到,比如只能对所有页设置一个背景色

##安装Strut Strut可以安装到自己电脑上,使用时只要用浏览器访问localhost即可

有两个选择

  1. 下载预先编译版,直接放到/var/www下使用
  2. 下载源码,直接执行或编译成预先编译版

预先编译版,只要去下载了用即可,我这边就不说了,其实我也没用过
以下是第二种方式

Strut依赖Nodejs,所以要先安装nodejs 我的系统是ubuntu13.04,安装nodejs很简单,参考这个文章

sudo apt-get install python-software-properties
sudo add-apt-repository ppa:chris-lea/node.js
sudo apt-get update
sudo apt-get install nodejs npm

按作者提示,需要安装nodejs的一个插件grunt-cli

npm install -g grunt-cli

下载Strut项目

git clone https://github.com/tantaman/Strut.git
cd Strut

安装依赖包,Strut里使用了大量的Nodejs插件,这些插件都没有安装过,用这句命令可以自动下载并安装这些插件

npm install

运行

grunt server

运行后直接可以在浏览器上使用localhost:9000访问

编译

grunt build

编译完会发现多出了一个dist的目录,这个目录就是已编译的网页了,和方法1下载的内容一样的

展开阅读全文
打赏
1
22 收藏
分享
加载中
更多评论
打赏
0 评论
22 收藏
1
分享
返回顶部
顶部