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

eloc cli: 演讲者的命令行

  •  1
     
  •   amio ·
    amio · 2019-10-10 10:50:17 +08:00 · 3288 次点击
    这是一个创建于 1903 天前的主题,其中的信息可能已经有所发展或是发生改变。

    eloc cli 是一个从 markdown 创建 ppt 的命令行工具,支持特性:

    • 快捷键 / 触摸操作
    • 代码高亮
    • 移动端视图( mobile view )
    • 打印视图( print view )
    • 暗黑模式( dark mode )
    • 实时编辑器( live editing )

    最后,安装体积 1.2MB 💃

    默认风格倾向于高桥流的路线,但比高桥流温和一些。在线示例:

    完整的编辑体验还是要本地运行 cli 才能感受。1.24M 哟亲,不试一试么:

    $ npm install eloc -g
    

    起源:

    原本我是用 mdx-deck 的,它的问题是

    • 体积巨大,编译慢。129M,我只是想写个 ppt 而已
    • mdx 的特性看上去很好,实际上我并没有用到过
    • 编辑之后刷新不出来

    最后一个算是 bug 了,但是考虑到它的技术栈我完全不喜欢,还不如自己做个。所以就有了 eloc。

    PS: eloc 的核心展示部分拆分出来做了个 web component: <markdown-deck />,请随意取用。

    15 条回复    2019-10-11 13:03:23 +08:00
    huiyadanli
        1
    huiyadanli  
       2019-10-10 11:00:06 +08:00
    https://github.com/hakimel/reveal.js 这个也支持 md 交互比较好看
    huiyadanli
        2
    huiyadanli  
       2019-10-10 11:05:22 +08:00
    @huiyadanli #1 eloc cli 按 esc 直接可以编辑,这个用起来不错。
    iMusic
        3
    iMusic  
       2019-10-10 11:14:36 +08:00
    看起来不错,试试
    sohu022
        4
    sohu022  
       2019-10-10 11:17:36 +08:00
    支持一下, NodePPT 什么的都有些麻烦, 这个真的不错
    iMusic
        5
    iMusic  
       2019-10-10 16:26:49 +08:00
    试了下,mac 可以,win 不行,貌似 md 路径问题
    amio
        6
    amio  
    OP
       2019-10-10 20:15:55 +08:00
    @iMusic 咦我研究下。多谢报告问题~
    amio
        7
    amio  
    OP
       2019-10-10 20:21:00 +08:00
    @huiyadanli reveal.js 的 slides 切换特效是它的主打,后来还做了个线上服务 slides.com
    我有相当长时间一直是 slides.com 忠实用户,不过后来口味在简洁的路上越走越远,慢慢觉得切换特效也不是很需要了,就希望飞快地打开文档,直接写内容,把精力尽可能多地从排版、特效上释放出来。

    mdx-deck 是最满足我这个需求,只是它的实现很不优雅,太臃肿了。
    amio
        8
    amio  
    OP
       2019-10-10 20:32:33 +08:00
    希望这个能修复 windows 上的问题 https://github.com/amio/eloc/commit/8c95984bd87f331f93cfe072b94d0c1195e9d63f

    发了个新版本 1.1.2,你可以试试 @iMusic
    huiyadanli
        9
    huiyadanli  
       2019-10-10 20:35:32 +08:00
    @amio #7 试用了下,貌似 通过 ![]() 添加的图片是不会自适应窗口大小的,只好通过<img>标签手动指定了。
    amio
        10
    amio  
    OP
       2019-10-10 20:41:50 +08:00
    @huiyadanli 恩对,漏了这个。图片需要自适应,我某天想起来要做,然后又忘了 😅
    amio
        11
    amio  
    OP
       2019-10-11 01:02:35 +08:00
    @huiyadanli 图片自适应的功能加上了,已发布 1.1.4
    iMusic
        12
    iMusic  
       2019-10-11 02:59:04 +08:00
    @amio 可能你理解错了,我说的路径是指 md 文件的路径
    https://i.loli.net/2019/10/11/mMv4UiplLKbS5OZ.png

    看代码应该是 path.posix.basename 造成的
    https://github.com/amio/eloc/blob/8c95984bd87f331f93cfe072b94d0c1195e9d63f/src/build.ts#L16
    zhfsxtx
        13
    zhfsxtx  
       2019-10-11 09:25:29 +08:00
    nice work
    amio
        14
    amio  
    OP
       2019-10-11 12:37:51 +08:00
    iMusic
        15
    iMusic  
       2019-10-11 13:03:23 +08:00
    @amio Well done 👍
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3081 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 13:10 · PVG 21:10 · LAX 05:10 · JFK 08:10
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.