V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
miao1007
V2EX  ›  Hexo

分享一款自己写的开源 Hexo 流程图插件 hexo-filter-kroki

  •  
  •   miao1007 · 2021-07-07 23:58:03 +08:00 · 1000 次点击
    这是一个创建于 1014 天前的主题,其中的信息可能已经有所发展或是发生改变。

    一款流程图插件,基于在线渲染服务,实现本地 md 编写标记文本,网页渲染成品图片。

    特点

    • 无需本地安装 graphviz 等包,直接使用 kroki 的在线渲染服务,可渲染 plantuml 等 20 款流程图
    • 不依赖任何外部 css/js,node_module 也没有大量依赖,支持 plantuml 的全局主题配置
    • Github Action 测试 ok

    安装

    npm install --save hexo-filter-kroki
    

    使用

    直接在 md 中加入流程图的类型即可

    ```plantuml
    your diagram
    ```
    

    插件会读取其中的内容,发送给 kroki 渲染服务,并返回渲染后的图片。

    支持的格式

    • blockdiag
    • bpmn
    • bytefield
    • seqdiag
    • actdiag
    • nwdiag
    • packetdiag
    • rackdiag
    • c4plantuml
    • ditaa
    • erd
    • graphviz
    • mermaid
    • nomnoml
    • plantuml
    • svgbob
    • vega
    • vegalite
    • wavedrom

    项目地址

    https://github.com/miao1007/hexo-filter-kroki

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   958 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 21:25 · PVG 05:25 · LAX 14:25 · JFK 17:25
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.