V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
tajpure
V2EX  ›  分享创造

一款很坂本的 Presentation 工具

  •  
  •   tajpure ·
    tajpure · 2016-08-21 18:56:34 +08:00 · 7000 次点击
    这是一个创建于 2998 天前的主题,其中的信息可能已经有所发展或是发生改变。

    用 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
    27 条回复    2016-08-26 19:57:42 +08:00
    tajpure
        1
    tajpure  
    OP
       2016-08-21 20:14:20 +08:00 via Android
    刚刚拿 Mac 测了一下,还有些问题,大家先别下。
    Zao233
        2
    Zao233  
       2016-08-21 20:20:24 +08:00 via Android
    其他两个系统可以测试使用?
    tajpure
        3
    tajpure  
    OP
       2016-08-21 20:26:13 +08:00
    @Zao233 可以
    goophy
        4
    goophy  
       2016-08-21 20:28:57 +08:00
    star 了,很有用 :)
    cqcn1991
        5
    cqcn1991  
       2016-08-21 20:29:27 +08:00
    卧槽...感觉很吊。 Marp 是啥?
    tajpure
        6
    tajpure  
    OP
       2016-08-21 20:30:43 +08:00
    jakiepaper
        7
    jakiepaper  
       2016-08-21 22:10:34 +08:00
    很好!赞!
    可以做一个类似 reveal.js 里 Beige 的主题吗? 我是说这个: http://lab.hakim.se/reveal-js/#/themes
    另外,怎么导出 pdf 呀...
    Trim21
        8
    Trim21  
       2016-08-21 22:14:59 +08:00 via Android
    有 mathjax 支持不?
    jakiepaper
        9
    jakiepaper  
       2016-08-21 22:16:27 +08:00
    要是右边 slide 翻页的时候,左边源码也可以跟着滚动就好了;
    右边翻 slide 只能用方向键?可以用鼠标吗?我这里 ubuntu16.04 下鼠标好像不能翻页
    jakiepaper
        10
    jakiepaper  
       2016-08-21 22:35:56 +08:00
    还有一点小建议:如果我设置了 animate:fadeUp ,在倒序播放(手动往上翻)的时候,要是动画自动变成 fadeDown 就好了,那样是不是会少一点违和感?
    tajpure
        11
    tajpure  
    OP
       2016-08-21 22:46:36 +08:00
    @jakiepaper 黑色背景的主题吗? 直接设置 theme:dark 就行了

    像这样

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

    翻 slide 现在还不能用鼠标翻

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

    谢谢建议,^_^
    tajpure
        12
    tajpure  
    OP
       2016-08-21 22:48:26 +08:00
    支持数学公式,用的 Katex ,和 mathjax 效果一样。
    tajpure
        13
    tajpure  
    OP
       2016-08-21 22:49:02 +08:00
    exoticknight
        14
    exoticknight  
       2016-08-21 22:55:09 +08:00
    一看版面没猜错,果然又是我大 electron ~
    jakiepaper
        15
    jakiepaper  
       2016-08-21 22:56:30 +08:00
    http://lab.hakim.se/reveal-js/#/themes 这里是 reveal.js 里可选的主题( black 只是默认的第一个), beige 这个主题还是非常漂亮的
    tajpure
        16
    tajpure  
    OP
       2016-08-21 22:57:23 +08:00
    @exoticknight 哈哈,高效,方便
    tajpure
        17
    tajpure  
    OP
       2016-08-21 23:04:26 +08:00
    @jakiepaper 做这类似的主题很容易,可能的话我会考虑加上的。
    jemyzhang
        18
    jemyzhang  
       2016-08-22 06:11:09 +08:00 via Android
    真不错,一直希望有的东西
    jakiepaper
        19
    jakiepaper  
       2016-08-22 07:58:22 +08:00 via iPhone
    @tajpure 嗯 期待加上!
    可以给个 user.css 的示例吗?
    tajpure
        20
    tajpure  
    OP
       2016-08-22 08:08:21 +08:00
    @jakiepaper 直接使用 CSS 设置,例如主题可以通过如下方式定义:

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

    修改后直接 Ctrl + R reload 界面就行了。
    tajpure
        21
    tajpure  
    OP
       2016-08-22 08:35:27 +08:00   ❤️ 1
    @jakiepaper
    大概实现了一下,效果:


    主题:


    你看是不是特别简单?
    Seita
        22
    Seita  
       2016-08-22 14:52:32 +08:00
    正巧,我也在做这个 😂 https://github.com/egoist/eme/pull/57
    tajpure
        23
    tajpure  
    OP
       2016-08-22 17:08:44 +08:00 via Android
    @Seita 😄,代我向雷姆问声好!
    jakiepaper
        24
    jakiepaper  
       2016-08-23 11:45:16 +08:00
    @tajpure 不知道会不会考虑加上导出 html 的功能呢?另外全屏展示 slide 的操作好像有点复杂...
    tajpure
        25
    tajpure  
    OP
       2016-08-23 16:57:52 +08:00
    @jakiepaper 导出 html 以后会做,全屏已经改成点击 start 直接全屏了。
    ossphil
        26
    ossphil  
       2016-08-26 10:43:51 +08:00
    比微软的 madoko 如何?
    tajpure
        27
    tajpure  
    OP
       2016-08-26 19:57:42 +08:00
    @ossphil 没用过 madoko ,大概了解它是用 reveal.js 生成 Slides 的。 Vortex 在扩展性和易用性上应该比 reveal.js 要好。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1680 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 79ms · UTC 16:45 · PVG 00:45 · LAX 08:45 · JFK 11:45
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.