Heute möchte ich zeigen wie man ein PlantUML Diagramm mit Org-mode erstellt und in ein Jekyll Blog veröffentlicht.

Der Quellcode des Diagramm ist:

Alice -> Bob:  synchrone Nachricht
Alice ->> Bob: asynchrone Nachricht

Man kann der PlantUML-Quellcode in Org Codeblöcke einbetten1:

#+begin_src plantuml :file ../svg/org+plantuml.svg :exports code
  Alice -> Bob:  synchrone Nachricht
  Alice ->> Bob: asynchrone Nachricht
#+end_src

Das Argument :file gibt den Speicherort des Diagramms an.

Wenn wir das Diagramm anzeigen wollen, können wir so machen:

#+begin_export html
<div style="text-align: center">
  <img src="/assets/svg/org+plantuml.svg">
  <figcaption>PlantUML diagram.</figcaption>
</div>
#+end_export

Das Diagramm sieht so aus:

PlantUML diagram.
Alipay Code.