Skip to main content

I made a theme to display PlantUML on Docusaurus.

· One min read
hoh
hoh

I made a theme to display PlantUML in Docusaurus, since it doesn't seem to be possible to make it official.

If you want to display PlantUML diagrams(pumld)

PlantUML diagram

If you want to display PlantUML code(puml)

@startuml
start
:Hello world;
:This is defined on
several **lines**;
stop
@enduml

For plantuml-diagram

PlantUML diagram

If you want to display PlantUML code(plantuml)

@startuml

!pragma teoz true
box "Internal Service" #LightBlue
participant Bob
box "Subteam"
participant Alice
participant John
end box

end box
participant Other

Bob -> Alice : hello
Alice -> John : hello
John -> Other: Hello

@enduml

Instructions are available on Qiita and GitHub README.

  1. Qiita: https://qiita.com/flatring/items/74d3fc2dff90bf3f450e
  2. GitHub: https://github.com/plenarc/docusaurus-theme-plantuml

s allows PlantUML diagrams to be included in the design phase.