Áttekintés
A Mermaid diagramok blokkban folyamatábrát, szekvenciadiagramot, gondolattérképet, Gantt-diagramot és más ábrákat készíthetsz Mermaid-szintaxissal.
Írd meg vagy generáltasd le a diagram kódját, majd ellenőrizd az automatikusan frissülő előnézetet. Az ábrát SVG- vagy PNG-fájlként is letöltheted.
Mikor használd
Mutasd be egy folyamat lépéseit, például egy rendelés vagy jóváhagyás menetét.
Szemléltesd, hogyan kommunikálnak egymással a rendszer résztvevői egy szekvenciadiagramon.
Rendezd gondolattérképbe egy projekt témáit vagy egy ötlet fő ágait.
Ábrázold egy projekt ütemezését Gantt-diagrammal.
Funkciók és beállítások
Beállítás
A kód elrejtése
A Hide code lehetőséggel elrejtheted a Mermaid-kódot, így csak a diagram látszik. Akkor használd, ha az ábrát kód nélkül szeretnéd megjeleníteni; a kódot a Show code lehetőséggel újra előhozhatod.
Alapfunkció
Automatikus diagram-előnézet
A Mermaid-kód szerkesztése közben az előnézet automatikusan frissül, így rögtön ellenőrizheted az ábrát.
Alapfunkció
Diagramgenerálás Laraval
A Generate with AI lehetőséggel írd le, milyen diagramra van szükséged, és Lara Mermaid-kódot készít belőle.
Alapfunkció
Kód másolása és diagram exportálása
A Copy lehetőséggel kimásolhatod a Mermaid-kódot, az SVG letöltése és a PNG letöltése lehetőséggel pedig fájlként mentheted az ábrát.
Hogyan használd
Add hozzá a blokkot
Tedd a Mermaid diagramok blokkot egy oldalra vagy egy kártyára.
Írd meg vagy válaszd ki a diagram kódját
Írd be a Mermaid-szintaxist, vagy válassz egy kiindulási mintát a Sablonok közül.
Kérj segítséget Larától
Válaszd a Generate with AI lehetőséget, írd le a kívánt ábrát, majd generáltass Mermaid-kódot.
Ellenőrizd és mentsd az ábrát
Nézd meg az automatikusan frissülő előnézetet. Ha csak az ábrát szeretnéd mutatni, válaszd a Hide code lehetőséget; letöltéshez használd az SVG letöltése vagy a PNG letöltése lehetőséget.
Hol működik
Bármelyik oldalon
A / menüben
Táblakártyán belül
Más blokk átalakítható erre
Saját beállításpanel
Lara be tudja szúrni helyetted
Példák
Rendelési folyamat
Mutasd meg a vásárlás, a fizetés és a hibakezelés egymást követő lépéseit egy folyamatábrán.
Bejelentkezési folyamat
Ábrázold, hogyan zajlik az autentikáció, és hogyan kommunikál egymással a felhasználó és a rendszer egy szekvenciadiagramon.
Projektterv
Tedd áttekinthetővé a projekt feladatait és ütemezését egy Gantt-diagrammal.
Tippek · Korlátok
Tippek
A diagram leírásakor nevezd meg a résztvevőket és a folyamat fontos lépéseit.
Használd az automatikus előnézetet a kód és az ábra ellenőrzéséhez.
Rejtsd el a kódot, ha az oldalon csak a kész diagramot szeretnéd megmutatni.
Válassz SVG- vagy PNG-exportot attól függően, milyen fájlformátumra van szükséged.
Korlátok
A Mermaid diagramok blokk nem érhető el a perjelmenüből.
A diagramok Mermaid-szintaxissal készülnek; a blokk nem hagyományos, kód nélküli rajzszerkesztő.
Gyakori kérdések
Hogyan készíthetek folyamatábrát jegyzetben?
Add hozzá a Mermaid diagramok blokkot az oldalhoz vagy egy kártyához, majd írj be Mermaid-kódot, vagy kérd meg Larát, hogy készítsen kódot a folyamat leírásából.
Készíthetek diagramot kódírás nélkül?
Igen. A Generate with AI lehetőséggel írd le, milyen diagramra van szükséged, és Lara létrehozza hozzá a Mermaid-kódot.
Hogyan szerkeszthetem a Mermaid-diagramomat?
Módosítsd a Mermaid-kódot; az előnézet automatikusan frissül, így láthatod a változtatások eredményét.
Elrejthetem a diagram kódját?
Igen. Válaszd a Hide code lehetőséget, ha csak a diagramot szeretnéd megjeleníteni. A Show code lehetőséggel újra láthatóvá teheted a kódot.
Letölthetem a Mermaid-diagramot képként?
Igen. Az SVG letöltése vagy a PNG letöltése lehetőséggel fájlként mentheted a diagramot.
Mermaid diagramok: építsd vele a következő oldalad
Nyisd meg a Workspace-t, írd be a /-t, és egy pillanat alatt hozzáadod. Ingyen indítható, bankkártya nélkül.