Skip to content

Commit

Permalink
1. nodePPT => nodeppt
Browse files Browse the repository at this point in the history
2. 增加github pages 演示地址
  • Loading branch information
ksky521 committed Jun 17, 2017
1 parent 09de5a2 commit 0bdf4c7
Show file tree
Hide file tree
Showing 11 changed files with 58 additions and 58 deletions.
30 changes: 15 additions & 15 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
nodePPT - 让你爱上做分享!
nodeppt - 让你爱上做分享!
=============
[This is a readme file in English](./README_EN.md)

Expand All @@ -7,13 +7,13 @@ nodePPT - 让你爱上做分享!

**导出pdf不再支持,请使用chrome打印服务另存为pdf,url中添加`?print=1`,然后使用chrome打印 `ctrl+P` **

## 为什么选择nodePPT
## 为什么选择nodeppt

**这可能是迄今为止最好的网页版演示库**

* 基于GFM的markdown语法编写
* 支持[html混排](#mixed-code),再复杂的demo也可以做!
* 支持多个皮肤:[colors](http://qdemo.sinaapp.com/?theme=colors)-[moon](http://qdemo.sinaapp.com/?theme=moon)-[blue](http://qdemo.sinaapp.com/?theme=blue)-[dark](http://qdemo.sinaapp.com/?theme=dark)-[green](http://qdemo.sinaapp.com/?theme=green)-[light](http://qdemo.sinaapp.com/?theme=light)
* 支持多个皮肤:[colors](http://js8.in/nodeppt/?theme=colors)-[moon](http://js8.in/nodeppt/?theme=moon)-[blue](http://js8.in/nodeppt/?theme=blue)-[dark](http://js8.in/nodeppt/?theme=dark)-[green](http://js8.in/nodeppt/?theme=green)-[light](http://js8.in/nodeppt/?theme=light)
* 实现watch功能`nodeppt start -w`
* 支持[20种转场动画](#transition),可以设置单页动画
* 支持单页背景图片
Expand All @@ -22,15 +22,15 @@ nodePPT - 让你爱上做分享!
* 支持语法高亮,自由选择[highlight样式](https://highlightjs.org/)
* 可以单页ppt内部动画,单步动画
* [支持进入/退出回调](#callback),做在线demo很方便
* 支持事件update函数,查看[demo](http://qdemo.sinaapp.com/#12)
* 支持事件update函数,查看[demo](http://js8.in/nodeppt/#12)
* zoom.js:alt+click

## demo
* http://qdemo.sinaapp.com/
* 多套皮肤:[colors](http://qdemo.sinaapp.com/?theme=color)-[moon](http://qdemo.sinaapp.com/?theme=moon)-[blue](http://qdemo.sinaapp.com/?theme=blue)-[dark](http://qdemo.sinaapp.com/?theme=dark)-[green](http://qdemo.sinaapp.com/?theme=green)-[light](http://qdemo.sinaapp.com/?theme=light)
* 双屏控制:http://qdemo.sinaapp.com/?_multiscreen=1 记得允许弹窗哦~
* http://js8.in/nodeppt/
* 多套皮肤:[colors](http://js8.in/nodeppt/?theme=color)-[moon](http://js8.in/nodeppt/?theme=moon)-[blue](http://js8.in/nodeppt/?theme=blue)-[dark](http://js8.in/nodeppt/?theme=dark)-[green](http://js8.in/nodeppt/?theme=green)-[light](http://js8.in/nodeppt/?theme=light)
* 双屏控制:http://js8.in/nodeppt/?_multiscreen=1 记得允许弹窗哦~
* 三水清的分享:http://js8.in/slide
* 打印页面:http://qdemo.sinaapp.com/?print=1
* 打印页面:http://js8.in/nodeppt/?print=1

## 1.4 新功能
支持单个slide事件:build/enter/leave/keypress,事件统一在`[slide]`中使用`data-on-X`来指定一个*全局函数名*
Expand Down Expand Up @@ -135,7 +135,7 @@ magic是在一页幻灯片中播放多个子页面,页面之间进行动效切
```

## theme 自定义
感觉默认的模板不符合新意?可以支持自定义模板,查看[theme.moon](https://github.com/ksky521/nodePPT/blob/master/assets/scss/theme.moon.scss)
感觉默认的模板不符合新意?可以支持自定义模板,查看[theme.moon](https://github.com/ksky521/nodeppt/blob/master/assets/scss/theme.moon.scss)

自定义后的模板路径在markdown的设置里填写:

Expand All @@ -152,7 +152,7 @@ usemathjax: //如果为yes,则引入mathjax,默认不建议开启,导出
date: 2015年12月20日
```

另外有:[colors](http://qdemo.sinaapp.com/?theme=color)-[moon](http://qdemo.sinaapp.com/?theme=moon)-[blue](http://qdemo.sinaapp.com/?theme=blue)-[dark](http://qdemo.sinaapp.com/?theme=dark)-[green](http://qdemo.sinaapp.com/?theme=green)-[light](http://qdemo.sinaapp.com/?theme=light) 共六套自带皮肤可供选择
另外有:[colors](http://js8.in/nodeppt/?theme=color)-[moon](http://js8.in/nodeppt/?theme=moon)-[blue](http://js8.in/nodeppt/?theme=blue)-[dark](http://js8.in/nodeppt/?theme=dark)-[green](http://js8.in/nodeppt/?theme=green)-[light](http://js8.in/nodeppt/?theme=light) 共六套自带皮肤可供选择

```markdown
theme: moon
Expand Down Expand Up @@ -228,7 +228,7 @@ Slide.on('update', function(i, itemIndex, cls) {

})
```
demo中[第13张](http://qdemo.sinaapp.com/#13)使用回调做了魔幻翻页效果
demo中[第13张](http://js8.in/nodeppt/#13)使用回调做了魔幻翻页效果

### 打印/导出ppt
这么高端大气上档次的ppt,怎么能不导出分享给大家呢??
Expand Down Expand Up @@ -313,7 +313,7 @@ files: 引入js和css的地址,如果有的话~自动放在页面底部
----
nodeppt是基于nodejs写的支持 **Markdown!** 语法的网页PPT

nodeppt:https://github.com/ksky521/nodePPT
nodeppt:https://github.com/ksky521/nodeppt
```

#### 代码格式化
Expand Down Expand Up @@ -404,7 +404,7 @@ nodeppt:https://github.com/ksky521/nodePPT
```markdown
title: nodeppt markdown 演示
speaker: Theo Wang
url: https://github.com/ksky521/nodePPT
url: https://github.com/ksky521/nodeppt
transition: zoomin

[slide]
Expand All @@ -425,7 +425,7 @@ transition: zoomin

nodeppt是基于nodejs写的支持 **Markdown!** 语法的网页PPT

nodeppt:https://github.com/ksky521/nodePPT
nodeppt:https://github.com/ksky521/nodeppt

[slide]

Expand All @@ -450,7 +450,7 @@ nodeppt start -h

* 执行 ```nodeppt start```
* 访问 [http://127.0.0.1:8080/](http://127.0.0.1:8080/)
* 在线demo: http://qdemo.sinaapp.com/
* 在线demo: http://js8.in/nodeppt/



Expand Down
20 changes: 10 additions & 10 deletions README_EN.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
nodePPT - Probably the best web presentation tool so far!
nodeppt - Probably the best web presentation tool so far!
==================================
中文说明:[README](./README.md)

[![NPM](https://nodei.co/npm-dl/nodeppt.png)](https://nodei.co/npm/nodeppt/)
[![NPM](https://nodei.co/npm/nodeppt.png?downloads=true&downloadRank=true&stars=true)](https://nodei.co/npm/nodeppt/)
[![Inline docs](http://inch-ci.org/github/ksky521/nodePPT.svg?branch=master)](http://inch-ci.org/github/ksky521/nodePPT)
[![Inline docs](http://inch-ci.org/github/ksky521/nodeppt.svg?branch=master)](http://inch-ci.org/github/ksky521/nodeppt)

## Why nodePPT?
## Why nodeppt?

* Markdown based on GFM;
* Mix code with html and markdown
Expand All @@ -17,7 +17,7 @@ nodePPT - Probably the best web presentation tool so far!
* Canvas is also supported, with socket, we **sync your multiscreen in real time**, and you can type some notes;
* Syntax highlighting is supported of course, and you may want to customize your [syntax highlighting style](https://highlightjs.org/), it's supported well;
* Animation on a single page, one-step animation;
* Themes:[colors](http://qdemo.sinaapp.com/)-[moon](http://qdemo.sinaapp.com/?theme=moon)-[blue](http://qdemo.sinaapp.com/?theme=blue)-[dark](http://qdemo.sinaapp.com/?theme=dark)-[green](http://qdemo.sinaapp.com/?theme=green)-[light](http://qdemo.sinaapp.com/?theme=light)
* Themes:[colors](http://js8.in/nodeppt/)-[moon](http://js8.in/nodeppt/?theme=moon)-[blue](http://js8.in/nodeppt/?theme=blue)-[dark](http://js8.in/nodeppt/?theme=dark)-[green](http://js8.in/nodeppt/?theme=green)-[light](http://js8.in/nodeppt/?theme=light)
* [Forward and backward callback function](#callback)

## 1.2.0 New Features
Expand All @@ -28,14 +28,14 @@ nodePPT - Probably the best web presentation tool so far!

## Demo

* http://qdemo.sinaapp.com/
* sync multiscreen in real time: http://qdemo.sinaapp.com/?_multiscreen=1 (make sure alert is allowed in your browser)
* front-end experience of mobile baidu: http://qdemo.sinaapp.com/box-fe-road.htm
* http://js8.in/nodeppt/
* sync multiscreen in real time: http://js8.in/nodeppt/?_multiscreen=1 (make sure alert is allowed in your browser)
* front-end experience of mobile baidu: http://js8.in/nodeppt/box-fe-road.htm


## Customize your Theme

* Is the default theme not cool? Just customize your theme! Take a look with [theme.moon](https://github.com/ksky521/nodePPT/blob/master/assets/scss/theme.moon.scss)
* Is the default theme not cool? Just customize your theme! Take a look with [theme.moon](https://github.com/ksky521/nodeppt/blob/master/assets/scss/theme.moon.scss)
* Write your customize theme's template path in setting md:

```markdown
Expand Down Expand Up @@ -178,7 +178,7 @@ if you want set single page animation, go to **[single page animation setting](#
### ---- boundary
----
nodeppt is a ppt webapp coded by nodejs
nodeppt: https://github.com/ksky521/nodePPT
nodeppt: https://github.com/ksky521/nodeppt
```
#### code formatting
the same as **Github Flavored Markdown**
Expand Down Expand Up @@ -257,7 +257,7 @@ nodeppt start -h

* run ```nodeppt start```
* visit [http://127.0.0.1:8080/](http://127.0.0.1:8080/)
* online demo: http://qdemo.sinaapp.com/
* online demo: http://js8.in/nodeppt/


## Thanks
Expand Down
4 changes: 2 additions & 2 deletions assets/js/nodeppt.js
Original file line number Diff line number Diff line change
Expand Up @@ -1381,8 +1381,8 @@
$win.getcurIndex = getcurIndex; //j外部控制跳转
try {
if (window.console && window.console.log) {
console.log('Powered By nodePPT, %c https://github.com/ksky521/nodePPT', 'color:red');
console.log('Install nodePPT: %c npm install -g nodeppt', 'color:red');
console.log('Powered By nodeppt, %c https://github.com/ksky521/nodeppt', 'color:red');
console.log('Install nodeppt: %c npm install -g nodeppt', 'color:red');
}
} catch (e) {}
}(window, document, MixJS.event.broadcast, MixJS.loadJS, MixJS.loadCSS));
8 changes: 4 additions & 4 deletions bin/nodeppt
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

var fs = require('fs');
var path = require('path');
var nodePPT = require('../lib/nodePPT');
var nodeppt = require('../lib/nodeppt');
var versions = require('../package').version;
var program = require('commander');
var ipv4 = require('ipv4');
Expand All @@ -25,7 +25,7 @@ program
return;
}

nodePPT.create(filename, options)
nodeppt.create(filename, options)
}).on('--help', function () {
console.log(' Examples:');
console.log();
Expand Down Expand Up @@ -72,7 +72,7 @@ program
}
}

nodePPT.generate(filename, output, shouldAll, path || '');
nodeppt.generate(filename, output, shouldAll, path || '');
})
.on('--help', function () {
console.log(' Examples:');
Expand All @@ -98,7 +98,7 @@ program
return;
}

nodePPT.start(cmd)
nodeppt.start(cmd)
})
.on('--help', function () {
console.log(' Examples:');
Expand Down
12 changes: 6 additions & 6 deletions lib/server.js
Original file line number Diff line number Diff line change
Expand Up @@ -225,13 +225,13 @@ function assets(realPath, ext, url, res, argvObj) {
fs.readFile(realPath, 'binary', function(err, file) {
if (err) {
res.writeHead(500, {
'Powered-By': 'nodePPT',
'Powered-By': 'nodeppt',
'Content-Type': 'text/plain'
});
res.end(err);
} else {
res.writeHead(200, {
'Powered-By': 'nodePPT',
'Powered-By': 'nodeppt',
'Content-Type': mimes[ext] || 'text/plain'
});
res.write(file, 'binary');
Expand All @@ -247,7 +247,7 @@ function assets(realPath, ext, url, res, argvObj) {

function page404(res, url) {
res.writeHead(404, {
'Powered-By': 'nodePPT',
'Powered-By': 'nodeppt',
'Content-Type': mimes.txt
});

Expand All @@ -270,14 +270,14 @@ function markdown(realPath, url, res, argvObj, queryObj) {
}

res.writeHead(200, {
'Powered-By': 'nodePPT',
'Powered-By': 'nodeppt',
'Content-Type': mimes.html
});
res.write(html);
res.end();
} catch (e) {
res.writeHead(500, {
'Powered-By': 'nodePPT',
'Powered-By': 'nodeppt',
'Content-Type': 'text/plain'
});
res.end(e.toString());
Expand All @@ -299,7 +299,7 @@ function markdown(realPath, url, res, argvObj, queryObj) {
function pptlist(res, dir, argvObj) {
var staticDir = path.join(__dirname, '../assets') + '/';
res.writeHead(200, {
'Powered-By': 'nodePPT',
'Powered-By': 'nodeppt',
'Content-Type': mimes.html
});

Expand Down
6 changes: 3 additions & 3 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,8 @@
"jsname": "nodeppt",
"description": "A simple, in-browser, markdown-driven presentation framework",
"version": "1.4.3",
"site": "https://github.com/ksky521/nodePPT",
"main": "lib/nodePPT.js",
"site": "https://github.com/ksky521/nodeppt",
"main": "lib/nodeppt.js",
"author": {
"name": "Theo Wang",
"email": "ksky521@gmail.com"
Expand All @@ -14,7 +14,7 @@
},
"repository": {
"type": "git",
"url": "git://github.com/ksky521/nodePPT"
"url": "git://github.com/ksky521/nodeppt"
},
"dependencies": {
"chokidar": "^1.0.0-rc3",
Expand Down
22 changes: 11 additions & 11 deletions ppts/demo.md
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
title: nodeppt markdown 演示
speaker: 三水清
url: https://github.com/ksky521/nodePPT
url: https://github.com/ksky521/nodeppt
transition: slide3
files: /js/demo.js,/css/demo.css,/js/zoom.js
theme: moon
usemathjax: yes

[slide]
# nodePPT
# nodeppt
## 这可能是迄今为止最好的网页版演示库
<small style="vertical-align:middle;display:inline-block"><iframe src="http://ghbtns.com/github-btn.html?user=ksky521&repo=nodeppt&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20" style="width:110px;height:20px; background-color: transparent;"></iframe><iframe src="http://ghbtns.com/github-btn.html?user=ksky521&repo=nodeppt&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20" style="width:110px;height:20px; background-color: transparent;"></iframe><iframe src="http://ghbtns.com/github-btn.html?user=ksky521&repo=nodeppt&type=follow&count=false" allowtransparency="true" frameborder="0" scrolling="0" width="170" height="20" style="width:170px;height:20px; background-color: transparent;"></iframe></small>
[slide]
## 为什么选择nodePPT
## 为什么选择nodeppt
----
* 基于GFM的markdown语法编写 {:&.rollIn}
* 支持html混排,再复杂的demo也可以做!
Expand All @@ -36,7 +36,7 @@ usemathjax: yes
[slide]

# 样式展示 {:&.flexbox.vleft}
> nodePPT 让每个人都爱上做分享!
> nodeppt 让每个人都爱上做分享!


Expand All @@ -47,7 +47,7 @@ usemathjax: yes
<pre><code class="markdown">/* 先写总的配置 */
title: 这是title,网页名称
speaker: 演讲者名称
url: https://github.com/ksky521/nodePPT
url: https://github.com/ksky521/nodeppt
transition: 全局转场动效
files: 引入的js和css文件,多个以半角逗号隔开
theme: 皮肤样式
Expand Down Expand Up @@ -98,7 +98,7 @@ $$ x = {-b \pm \sqrt{b^2-4ac} \over 2a}. s = ut + \frac{1}{2}at^2 $$

nodeppt是基于nodejs写的支持 **Markdown!** 语法的网页PPT

nodeppt:https://github.com/ksky521/nodePPT
nodeppt:https://github.com/ksky521/nodeppt



Expand Down Expand Up @@ -263,7 +263,7 @@ nodeppt:https://github.com/ksky521/nodePPT
跟powderpoint/keynote一样的双屏功能,带有备注信息。

[slide]
# nodePPT动效和转场演示
# nodeppt动效和转场演示

[slide]
# 第一部分:介绍单页slide内动效
Expand Down Expand Up @@ -336,7 +336,7 @@ nodeppt:https://github.com/ksky521/nodePPT
* zoomIn

[slide]
# nodePPT支持多达20多个转场动效
# nodeppt支持多达20多个转场动效

[slide]
## 20种转场动效随心换
Expand Down Expand Up @@ -387,7 +387,7 @@ nodeppt:https://github.com/ksky521/nodePPT
&#91;slide data-transition="vertical3d"&#93;

[slide]
# nodePPT快捷键介绍
# nodeppt快捷键介绍
[slide]
## 快速翻页
----
Expand Down Expand Up @@ -479,7 +479,7 @@ markdown语法如下:

[slide]

# 介绍下nodePPT的函数和事件
# 介绍下nodeppt的函数和事件

[slide]
支持单个slide事件:build/enter/leave/keypress,事件统一在&#91;slide&#93;
Expand Down Expand Up @@ -532,7 +532,7 @@ function globalFunc(){

## 更多玩法
---
https://github.com/ksky521/nodePPT
https://github.com/ksky521/nodeppt

什么?这些功能还不够用?

Expand Down
4 changes: 2 additions & 2 deletions template/default.ejs
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!--
Powered By nodePPT
Powered By nodeppt
version: <%- version %>
site: <%- site %>
-->
Expand Down Expand Up @@ -44,7 +44,7 @@
</hgroup>
<article>
<ul>
<li><a href="https://github.com/ksky521/nodePPT" target="_blank">Powered By nodePPT</a></li>
<li><a href="https://github.com/ksky521/nodeppt" target="_blank">Powered By nodeppt</a></li>
</ul>
</article>
</slide>
Expand Down
Loading

0 comments on commit 0bdf4c7

Please sign in to comment.