Neidio i'r prif gynnwys
LibraTool logoLibraTool

Golygydd Diagram Mermaid am ddim

Ysgrifennwch siartiau llif, diagramau dilyniant, siartiau Gantt, a mwy yn syntax Mermaid gyda rhagolwg byw. Allforio fel SVG neu PNG. Yn rhedeg yn llwyr yn eich porwr.

💡 Ysgrifennwch ddiagramau yn syntacs Mermaid — siartiau llif, diagramau dilyniant, siartiau Gantt, diagramau dosbarth a mwy — ac allforio fel SVG neu PNG. Mae popeth yn rhedeg yn eich porwr: nid yw testun eich diagram byth yn cael ei uwchlwytho, ac mae peiriant rendro Mermaid yn cael ei weini o'r wefan hon yn hytrach nag o CDN trydydd parti.

Defnyddiau cyffredin

  • Creu Diagram LlifCreu diagram llif o destun ac allforio fel delwedd.
  • Tynnu Diagram DilyniantDiagram sut mae systemau neu bobl yn rhyngweithio dros amser.
  • Ychwanegu Diagram i READMECreu diagramau y mae GitHub yn eu rhyddhau'n naturiol yn eich README.
  • Adeiladu Siart GanttGosodwch amserlen prosiect fel siart Gantt o destun.
  • Creu Diagram DosbarthDiagram dosbarthiadau a'u perthnasoedd ar gyfer dyluniad meddalwedd.

Sut Mae'n Gweithio

Mae Mermaid yn gadael i chi ysgrifennu diagramau fel testun a'u cael yn cael eu rendro'n awtomatig — gwych ar gyfer cadw diagramau mewn rheolaeth fersiwn. Mae hon yn olygydd byw sy'n rendro wrth i chi deippio.

  1. 1
    Mae'r injan Mermaid yn llwytho
    Mae llyfrgell Mermaid yn llwytho o LibraTool y tro cyntaf i chi ddefnyddio'r offeryn, yna mae eich porwr yn ei storio.
  2. 2
    Rydych chi'n ysgrifennu cod diagram
    Diagramau llif, diagramau dilyniant, siartiau Gantt, diagramau dosbarth, siartiau pastai a mwy — gan ddefnyddio cystrawen testun Mermaid.
  3. 3
    Mae'n rendro byw
    Mae'ch cod yn cael ei dosrannu a'i rendro i SVG yn eich porwr wrth i chi deippio, gyda thema ysgafn a thywyll.
  4. 4
    Allforio SVG neu PNG
    Lawrlwythwch y diagram fel SVG scalable neu 2× PNG i ollwng i docs, sleidiau, neu README.

Mae'ch cod diagram — a allai ddisgrifio systemau mewnol — yn cael ei rendro yn llwyr yn eich porwr ac nid yw byth yn cael ei uwchlwytho.

Offer Cysylltiedig

📝

Golygydd Markdown

Ysgrifennwch a rhagweld Markdown mewn amser real. Yn cefnogi penawdau, trwm, italig, blociau cod, tablau, a rhestrau.

Rhowch gynnig arni
🟦

Generadur CSS Grid

Dylunio CSS grid yn ddeiliadol — traciau, unedau a bylchau — ac copïo'r CSS a HTML a gynhyrchwyd.

Rhowch gynnig arni
🌳

Generadur Coeden ASCII

Trowch restr wedi'i hindentio yn goeden ffolderi daclus (├── └──) ar gyfer READMEs a dogfennau. Allbwn Unicode neu ASCII plaen. Yn rhedeg yn llwyr yn eich porwr.

Rhowch gynnig arni

Cwestiynau Cyffredin