Zurück zum Blog
Sonntag, 16. November 2025

Mermaid-Diagramme ansprechend exportieren

Mermaid-Diagramme ansprechend exportieren

Mermaid bleibt editierbar, das Bild wirkt professionell

Nicht jedes Tool rendert Mermaid. Der Code bleibt im Repo, das Bild kommt aus Markdown2Image.

Syntax-Reminder

  • graph TD = Top-Down.
  • Aussagekräftige Labels verwenden.
  • Für Sequence/Gantt einfach das Keyword wechseln.

Export

  1. Codeblock mit ```mermaid einfügen.
  2. Ruhigen Hintergrund wählen, damit Pfeile wirken.
  3. Padding und Schriftgröße anpassen.
  4. PNG/SVG exportieren.

Beschriften

  • Entscheide, auf welche Änderung der Leser achten soll.
  • Version/Datum erwähnen.
  • Link zum Markdown bereitstellen.

So bleibt der Flow editierbar und gleichzeitig teilbar.

Mermaid-Diagramme ansprechend exportieren | Markdown2Image | MarkdownToImage