一款很坂本的 Presentation 工具

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3019 天前的主题，其中的信息可能已经有所发展或是发生改变。

用 Markdown 编写简洁优美的演示文稿。

特性：

Markdown 语法
丰富的动画与主题
幻灯片全屏演示
导出 PDF
代码语法高亮
流程图 & 序列图 & 甘特图
通过 CSS 自定义动画、主题和编辑器界面
支持 Linux 、 OSX 和 Windows

截图： Demo

导出的 PDF Demo http://editor.nihility.org/images/Vortex%E8%AF%B4%E6%98%8E.pdf

项目地址： https://github.com/tajpure/vortex

下载地址： https://github.com/tajpure/vortex/releases/tag/v0.0.1-alpha

看到 Marp 之后才有了写这个东西的想法。在 Linux 和 Windows 上测试过了，效果很好。还没在 OSX 上测，如果大家发现有什么问题可以直接提出来。

第 1 条附言 · 2016-08-26 20:01:35 +08:00

更新： https://github.com/tajpure/vortex/releases/tag/v0.0.2

OSX

Markdown

导出

Linux

27 条回复 • 2016-08-26 19:57:42 +08:00

tajpure

2016-08-21 20:14:20 +08:00 via Android

刚刚拿 Mac 测了一下，还有些问题，大家先别下。

Zao233

2016-08-21 20:20:24 +08:00 via Android

其他两个系统可以测试使用？

tajpure

2016-08-21 20:26:13 +08:00

@Zao233 可以

goophy

2016-08-21 20:28:57 +08:00

star 了，很有用 :)

cqcn1991

2016-08-21 20:29:27 +08:00

卧槽...感觉很吊。 Marp 是啥？

tajpure

2016-08-21 20:30:43 +08:00

@goophy 谢谢
@cqcn1991 https://github.com/yhatt/marp

jakiepaper

2016-08-21 22:10:34 +08:00

很好！赞！
可以做一个类似 reveal.js 里 Beige 的主题吗？我是说这个： http://lab.hakim.se/reveal-js/#/themes
另外，怎么导出 pdf 呀...

Trim21

2016-08-21 22:14:59 +08:00 via Android

有 mathjax 支持不？

jakiepaper

2016-08-21 22:16:27 +08:00

要是右边 slide 翻页的时候，左边源码也可以跟着滚动就好了；
右边翻 slide 只能用方向键？可以用鼠标吗？我这里 ubuntu16.04 下鼠标好像不能翻页

jakiepaper

2016-08-21 22:35:56 +08:00

还有一点小建议：如果我设置了 animate:fadeUp ，在倒序播放（手动往上翻）的时候，要是动画自动变成 fadeDown 就好了，那样是不是会少一点违和感？

tajpure

2016-08-21 22:46:36 +08:00

@jakiepaper 黑色背景的主题吗？直接设置 theme:dark 就行了

像这样

导出 pdf 可以按 alt 显示菜单，在菜单里选择 File > Export as pdf ，或者直接 Ctrl + E

翻 slide 现在还不能用鼠标翻

我也觉得倒序播放动画有点问题，会尽快改善。

谢谢建议，^_^

tajpure

2016-08-21 22:48:26 +08:00

支持数学公式，用的 Katex ，和 mathjax 效果一样。

tajpure

2016-08-21 22:49:02 +08:00

@Trim21

exoticknight

2016-08-21 22:55:09 +08:00

一看版面没猜错，果然又是我大 electron ～

jakiepaper

2016-08-21 22:56:30 +08:00

http://lab.hakim.se/reveal-js/#/themes 这里是 reveal.js 里可选的主题（ black 只是默认的第一个）， beige 这个主题还是非常漂亮的

tajpure

2016-08-21 22:57:23 +08:00

@exoticknight 哈哈，高效，方便

tajpure

2016-08-21 23:04:26 +08:00

@jakiepaper 做这类似的主题很容易，可能的话我会考虑加上的。

jemyzhang

2016-08-22 06:11:09 +08:00 via Android

真不错，一直希望有的东西

jakiepaper

2016-08-22 07:58:22 +08:00 via iPhone

@tajpure 嗯期待加上！
可以给个 user.css 的示例吗？

tajpure

2016-08-22 08:08:21 +08:00

@jakiepaper 直接使用 CSS 设置，例如主题可以通过如下方式定义:

https://gist.githubusercontent.com/tajpure/09aae31d21a5684afcf8f3cf028d69d0/raw/71bae49f598f83b9776f8fc984902e764c7c8833/theme.css

修改后直接 Ctrl + R reload 界面就行了。

tajpure

2016-08-22 08:35:27 +08:00

@jakiepaper
大概实现了一下，效果:

主题:

你看是不是特别简单?

Seita

2016-08-22 14:52:32 +08:00

正巧，我也在做这个 😂 https://github.com/egoist/eme/pull/57

tajpure

2016-08-22 17:08:44 +08:00 via Android

@Seita 😄，代我向雷姆问声好！

jakiepaper

2016-08-23 11:45:16 +08:00

@tajpure 不知道会不会考虑加上导出 html 的功能呢？另外全屏展示 slide 的操作好像有点复杂...

tajpure

2016-08-23 16:57:52 +08:00

@jakiepaper 导出 html 以后会做，全屏已经改成点击 start 直接全屏了。

ossphil

2016-08-26 10:43:51 +08:00

比微软的 madoko 如何？

tajpure

2016-08-26 19:57:42 +08:00

@ossphil 没用过 madoko ，大概了解它是用 reveal.js 生成 Slides 的。 Vortex 在扩展性和易用性上应该比 reveal.js 要好。