Files
StudyDiary/08-Inbox/marp/docs/33.Markdown-it-Kroki.md
2026-07-23 20:36:13 +08:00

1.3 KiB
Executable File

title, parent, created, updated
title parent created updated
Markdown-It Kroki Markdown-It Plugins 2025-09-09T19:23 2025-09-22T13:27

markdown-it-kroki

This library was designed to embed Kroki.io diagram into Marp slide decks!!

This library is a plugin for markdown-it to embed figure created by textual syntax. To use this package, you can embed Software Diagram (like UML) written by code in Marp slide decks.

Sample


@startuml
left to right direction
actor Guest as g
package Professional {
actor Chef as c
actor "Food Critic" as fc
}
package Restaurant {
usecase "Eat Food" as UC1
usecase "Pay for Food" as UC2
usecase "Drink" as UC3
usecase "Review" as UC4
}
fc --> UC4
g --> UC1
g --> UC2
g --> UC3
@enduml

alt text

If you want to write diagrams, you can use various syntaxes (such as PlantUML or Mermaid) within fenced code blocks.

Note

This package depends on Kroki.io.
If you want to know which diagram languages are supported, please check the official website at https://kroki.io/.

References