短代碼

語法

閉合語法

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" >}}