Jak używać
- Wybierz diagram z Wstaw szablon albo wklej własny kod Mermaid.
- Edytuj kod po lewej. Podgląd odświeża się po przerwie w pisaniu, a błędy składni pojawiają się pod nim.
- Wybierz motyw i pobierz SVG lub PNG albo skopiuj kod SVG.
Opis opcji
- Typy diagramów
- Szablony obejmują schematy blokowe, sekwencje, klasy, stany, ER, Gantta, wykresy kołowe i mapy myśli. Inne typy można pisać bezpośrednio.
- Motyw
- Dostępne są motywy domyślny, neutralny, ciemny i leśny. Neutralny przypomina czerń i biel oraz dobrze drukuje się na papierze.
- Eksport
- SVG jest wektorowy i skaluje się bez utraty jakości. PNG jest eksportowany w dwukrotnym rozmiarze z kolorem tła.
Ściąga schematu blokowego
flowchart LR
A[Prostokąt] --> B(Zaokrąglony)
B --> C{Decyzja}
C -->|Tak| D[(Baza danych)]
C -.->|Nie| E((Koło))TDoznacza kierunek z góry na dół, aLRz lewej do prawej.-->to strzałka ciągła,-.->kropkowana,==>gruba, a-->|tekst|ma etykietę.
Najczęściej zadawane pytania
Czy mogę wkleić kod Mermaid do GitHub?
Tak. Umieść go w bloku kodu ```mermaid w pliku Markdown, zgłoszeniu lub komentarzu, a GitHub narysuje diagram. Obsługują go też GitLab, Notion, Obsidian i Typora.
Czy kod jest wysyłany?
Nie. Mermaid renderuje diagram w przeglądarce.
Dlaczego formatowanie Markdown w węzłach nie działa?
Etykiety węzłów są rysowane jako tekst SVG, aby umożliwić eksport PNG. SVG nie obsługuje tagów HTML ani części formatowania tekstu.
Prywatność
To narzędzie działa w całości w przeglądarce. Twoje pliki i tekst są przetwarzane na Twoim urządzeniu i nigdy nie trafiają na nasze serwery.