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

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

而后。。。 Strut站出来了html

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

##安装Strut Strut能够安装到本身电脑上,使用时只要用浏览器访问localhost便可node

有两个选择python

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

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

Strut依赖Nodejs,因此要先安装nodejs 个人系统是ubuntu13.04,安装nodejs很简单,参考这个文章github

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-clinpm

npm install -g grunt-cli

下载Strut项目ubuntu

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

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

npm install

运行

grunt server

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

编译

grunt build

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

相关文章
相关标签/搜索