Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/fritx/markppt

一篇markdown,一份ppt。
https://github.com/fritx/markppt

markdown nodejs ppt slides web

Last synced: 5 days ago
JSON representation

一篇markdown,一份ppt。

Awesome Lists containing this project

README

        

# markppt

npm version
  GitHub version
  Join the chat at https://gitter.im/fritx/markppt

    

  

## 一篇markdown,一份ppt。

- 一个读取markdown文件,生成网页slides/ppt的工具
- 很多时候,我们用markdown来书写我们的人生
- 很多时候,我们需要有一份ppt来向世界分享观点
- 网页实现,处处发布,随机背景色,css3动画切换
- 超响应式布局,自动缩放,不再畏惧屏幕尺寸
- 智能无缝分页匹配,无需更改markdown原文

点击查看演示

- [node.js技术交流会 (dark)](http://fritx.github.io/markppt/nodejs-talk/)
- [gulp-eol bug之总结 (bright)](http://fritx.github.io/markppt/gulpeol/gulp-eol-bug.html)
- [My Talk (bright)](http://fritx.github.io/markppt/mytalk/talk.html)
- [Kid.js (light)](http://fritx.github.io/markppt/kidjs/kidjs.html)

```plain
$ npm i -g markppt # 从npm安装
$ markppt mytalk/talk.md # markdown路径
$ markppt mytalk/talk.md --theme=light # 指定css主题
$ markppt mytalk/talk.md --theme=bright # 默认取dark
$ markppt mytalk/talk.md --color=green # 指定主色调
```

将会在[原目录](https://github.com/fritx/markppt/tree/master/examples/mytalk/)

```plain
- mytalk/
- Desert.jpg
- talk.md
```

生成`ppt_`文件夹,和一份`talk.html`,打开即可[浏览ppt](http://fritx.github.io/markppt/mytalk/talk.html)

```plain
- mytalk/
- ppt_/ (√)
- Desert.jpg
- talk.md
- talk.html (√)
```

常见问题解答

- [运行无报错输出,但是打开html空白 #8](https://github.com/fritx/markppt/issues/8)

高级功能:支持url参数指定任意md路径(自带内容审查机制,不合规则跳转Oops..)

```sh
$ markppt index.md --arbitrary # index.md为默认页面 文件不存在也ok
# 然后可指定任意md路径,如 http://xxx/?url=xxx/talk.md
# 或其他绝对路径,如 http://xxx/?url=https://raw.githubusercontent.com/fritx/markppt/dev/examples/mytalk/talk.md
# 或 http://xxx/?url=https://fastly.jsdelivr.net/gh/fritx/markppt@dev/examples/mytalk/talk.md
```