短代码

语法

闭合语法

1{{< kroki _type=[type] >}}
2DIAGRAM
3{{< /kroki >}}

其与代码块用法相似。

自闭合语法

1{{< kroki _type=[type] _name=[name] />}}

参数

_name

图表文件名称，支持站点资源和页面资源。

_type

图表类型，比如：blockdiag、bpmn、bytefield、seqdiag、actdiag、nwdiag、packetdiag、rackdiag、c4plantuml、d2、dbml、ditaa、erd、excalidraw、graphviz、mermaid、nomnoml、pikchr、plantuml、structurizr、svgbob、symbolator、tikz、vega、vegalite、wavedrom、wireviz。

_output

输出的类型：inline、embed、img、object。

其他

你可以为图表设置任意属性，比如 id、class 和 data-* 等等。

示例

站点文件 Kroki 示例

1digraph G {Hello->World}

1{{< kroki _type="graphviz" _name="diagrams/hello.dot" >}}

页面文件 Kroki 示例

1graph TD
2  A[ Anyone ] -->|Can help | B( Go to github.com/yuzutech/kroki )
3  B --> C{ How to contribute? }
4  C --> D[ Reporting bugs ]
5  C --> E[ Sharing ideas ]
6  C --> F[ Advocating ]

1{{< kroki _type="mermaid" _name="diagrams/mermaid.dot" >}}