docsify-kroki

!GitHub branch checks state
!GitHub top language

Install

1. Insert script into docsify document:

``html

`

Usage

``markdown
#Demo

embedding it directly

`mermaid
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
`

`plantuml
@startuml
Alice -> Bob: Authentication Request
Bob --> Alice: Authentication Response

Alice -> Bob: Another authentication Request
Alice <-- Bob: another authentication Response
@enduml
`

load from external files

!kroki-excalidraw
``

Options

`html

`

$3

By default, those markdown language render by kroki:

| | | | | |
| ---------- | ------------ | ---------- | ----------- | ------------- |
| actdiag | blockdiag | bpmn | bytefield | c4plantuml |
| d2 | dbml | ditaa | erd | excalidraw |
| graphviz | mermaid | nomnoml | nwdiag | packetdiag |
| pikchr | plantuml | rackdiag | seqdiag | structurizr |
| svgbob | symbolator | tikz | vega | vegalite |
| wavedrom | wireviz | | | |

you can add more to langs array.

$3

By default, the official Kroki server is used. If you have your own, configure
it using the serverPath` option:

Example

- index.html