miao1007
V2EX  ›  Hexo

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

  •  
  •   miao1007 · Jul 7, 2021 · 1807 views
    This topic created in 1772 days ago, the information mentioned may be changed or developed.

    一款流程图插件,基于在线渲染服务,实现本地 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

    No Comments Yet
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2744 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 36ms · UTC 15:30 · PVG 23:30 · LAX 08:30 · JFK 11:30
    ♥ Do have faith in what you're doing.