DotMDPrzeglądarka Markdown na Maca,która rysuje diagramy Mermaid.
Zapisz diagram jako tekst w bloku kodu oznaczonym mermaid, a DotMD narysuje go na stronie. Nic nie opuszcza Twojego Maca: działa offline, w jasnym i ciemnym motywie.
macOS 14 lub nowszy. Czytanie jest bezpłatne; edycja i przeglądy to jednorazowa płatność.
Krótka odpowiedź
DotMD to przeglądarka Markdown na Maca z obsługą Mermaid. Blok kodu oznaczony mermaid jest rysowany jako diagram przepływu, sekwencji, klas, stanów lub związków encji, wykres Gantta, wykres kołowy, mapa myśli, oś czasu lub graf gita, offline i w kolorach Twojego motywu. Przeglądanie jest bezpłatne; pisanie z podglądem na żywo wchodzi w skład DotMD Editor.
Jakie diagramy Mermaid rysuje DotMD?
DotMD ma wbudowany Mermaid 10.9. Rysuje te rodzaje diagramów, a edytor ma gotowy szablon dla każdego z nich:
- Diagramy przepływu i diagramy stanów: kroki, decyzje i przejścia.
- Diagramy sekwencji: kto co komu wysyła, po kolei.
- Diagramy klas i diagramy związków encji: typy, tabele i relacje między nimi.
- Wykresy Gantta i osie czasu: plany i wydarzenia w czasie.
- Wykresy kołowe, mapy myśli i grafy gita.
Diagram pozostaje tekstem w Twoim pliku .md, więc łatwo go zmienić, a każda zmiana widoczna jest w historii wersji.
Jak zobaczyć Mermaid w pliku Markdown na Macu
Blok kodu oznaczony mermaid staje się na stronie diagramem, zamiast pokazywać swój kod.
-
Otwórz plik
Naciśnij ⌘O i wybierz plik .md lub jego folder albo przeciągnij go na DotMD. Każdy diagram rysuje się po otwarciu strony.
-
Przyjrzyj się z bliska
Kliknij diagram, by zobaczyć go duży nad stroną. Gestem szczypania powiększysz go do 8×, przeciągnięciem przesuniesz, a klawiszem Esc wrócisz.
-
Dopasowany do motywu
Diagramy podążają za stroną: rysują się w jasnych lub ciemnych kolorach, zgodnie z motywem wybranym w menu Aa.
Pisanie Mermaid z podglądem na żywo
Edycja wchodzi w skład DotMD Editor. Naciśnij Edit lub ⌘E i włącz Preview (⌥⌘E): diagram rysuje się na nowo obok tekstu podczas pisania, a kliknięcie go przenosi do jego kodu.
Insert → Diagram wstawia do pliku działający przykład dowolnego z dziesięciu rodzajów, gotowy do edycji.
Mermaid w Quick Look, PDF i HTML
Naciśnij spację na pliku .md w Finderze, a podgląd pokaże także jego diagramy: podgląd Markdown przez Quick Look.
Export as PDF… rysuje diagramy, zanim powstanie PDF: Markdown do PDF na Macu. Wyeksportowany plik HTML wczytuje Mermaid z internetu przy otwarciu.
Gdy diagram się nie pojawia
- Sprawdź pierwszy wiersz: określa rodzaj diagramu, na przykład
flowchart TDlubsequenceDiagram. - Etykietę zawierającą nawiasy, dwukropki lub cudzysłowy ujmij w cudzysłów:
"…". - Błąd składni pokazuje komunikat o błędzie Mermaid zamiast rysunku.
Pytania o Mermaid na Macu
Czy DotMD pokazuje diagramy Mermaid offline?
Tak. Mermaid jest wbudowany w DotMD i rysuje na Twoim Macu, bez połączenia z internetem. Tylko wyeksportowany plik HTML wczytuje go z internetu.
Czy przeglądanie diagramów Mermaid jest bezpłatne?
Tak. Czytanie Markdown z diagramami, foldery, karty i Quick Look są bezpłatne, na zawsze. Edycja z podglądem na żywo jest częścią DotMD Editor, $14.99 jednorazowo.
Z jakich diagramów Mermaid mogę korzystać?
Diagramy przepływu, sekwencji, klas, stanów i związków encji, wykresy Gantta, wykresy kołowe, mapy myśli, osie czasu i grafy gita. Edytor ma szablon dla każdego.
Jak edytować Mermaid z podglądem na żywo?
W DotMD Editor naciśnij ⌘E, a potem ⌥⌘E. Diagram rysuje się na nowo obok tekstu podczas pisania.