නොමිලේ Mermaid රූප සංස්කාරකය
සජීව පෙරදසුනක් සමඟ Mermaid සින්ටෑක්ස් හි ප්‍රවාහ සිතියම්, අනුක්රම රූප, Gantt සිතියම් සහ තවත් ලියන්න. SVG හෝ PNG ලෙස ප්‍රතිදානය කරන්න. සම්පූර්ණයෙන්ම ඔබේ බ්රවුසරයේ ක්රියා කරයි.
චලනය කිරීමට ඇදගන්න හෝ ස්ක්‍රෝල් කරන්න. විශාලනයට පින්ච් කරන්න, නැතහොත් Ctrl + ස්ක්‍රෝල් කරන්න. පෙරදසුන උස් කිරීමට පහළ දාරය ඇදගන්න.
💡 Mermaid වාක්‍ය රීතියෙන් රූපසටහන් ලියන්න — ගැලීම් සටහන්, අනුක්රම සටහන්, ගැන්ට් සටහන්, පන්ති සටහන් සහ තවත් — ඉන්පසු SVG හෝ PNG ලෙස නිර්යාත කරන්න. සියල්ල ඔබේ බ්‍රව්සරයේ ක්රියා කරයි: ඔබේ රූපසටහන් පෙළ කිසිදා උඩුගත නොවේ, සහ Mermaid විදැහුම් එන්ජිම තෙවන පාර්ශ්ව CDN එකකින් නොව මෙම අඩවියෙන්ම සපයයි.
පොදු භාවිත
- ප්‍රවාහ පෙටි සාදන්නපෙළකින් flowchart එකක් සාදා එය රූපයක් ලෙස නිර්යාත කරන්න.
- අනුක්රම ලිපිග්‍රාම ඇඳින්නක්‍රමලේඛන හෝ තිස් ඩයිග්‍රෑම දී එකිනෙකා සොයා ගන්න.
- README වෙත ලිපිග්‍රාම එකතු කරන්නGitHub ඔබගේ README තුල මූලිකවම ලිපිග්‍රාම සාදන්න.
- Gantt ප්‍රස්ථාර ගොඩ නඟන්නව්‍යවසාය කාල ගණිතය පෙළින් Gantt ප්‍රස්ථාර ලෙස දක්වන්න.
- වර්ගීය ලිපිග්‍රාම සාදන්නමෘදුකාංග ඩිසයින් සඳහා වර්ගීය සහ ඔවුන්ගේ ඔවුන්ගේ සම්බන්ධතා ලිපිග්‍රාම.
එය ක්රියා කරන්නේ කෙසේද
Mermaid මඟින් ඔබට රූප සටහන් පෙළ ලෙස ලියා ඒවා ස්වයංක්‍රීයව විදැහුම් කර ගත හැක — රූප සටහන් අනුවාද පාලනයේ තබා ගැනීමට විශිෂ්ටයි. මෙය ඔබ ටයිප් කරන විට විදැහුම් කරන සජීවී සංස්කාරකයකි.
- 1Mermaid ඉතින ගණ ගනු ලබයිඔබ පළමු වරට මෙවලම භාවිත කරන විට Mermaid පුස්තකාලය LibraTool වෙතින් පූරණය වී, පසුව බ්‍රව්සරය එය හැඹිලිගත කරයි.
- 2ඔබ රූප සටහන් කේතය ලියයිFlowcharts, අනුපිටපතු diagrams, Gantt ස්කන්ධ, පංති diagrams, pie ස්කන්ධ සිටින්න බිම — using Mermaid වල පෙළ syntax.
- 3එයි rendered නිලඔබ ටයිප් කරන විට ඔබේ කේතය ඔබේ බ්රවුසරයේ විග්‍රහ කර SVG එකක් ලෙස විදැහුම් කෙරේ, ආලෝක සහ අඳුරු තේමා සමඟ.
- 4නිර්දේශිතයි SVG හෝ PNGබාගැනීම diagram scalable SVG හෝ 2× PNG දිරෙක docs, slides, හෝ README.
අභ්‍යන්තර පද්ධති විස්තර කළ හැකි ඔබේ රූප සටහන් කේතය සම්පූර්ණයෙන්ම ඔබේ බ්රවුසරයේ විදැහුම් කෙරෙන අතර කිසි විටෙකත් උඩුගත නොකෙරේ.
සම්බන්ධ මෙවලම්
Markdown සංස්කාරකය
සැබෑ කාලයේ Markdown ලියන්න හා පෙරදසුන් කරන්න. ශීර්ෂ, තද, ඇලපී, code block, වගු සහ ලැයිස්තු සඳහා සහය දක්වයි.
CSS ග්‍රිඩ් උත්පාදකය
CSS grid ඉතිරිවීමින් නිර්මාණ කරන්න — tracks, units සහ gaps — සහ generated CSS සහ HTML පිටපත් කරන්න।
ASCII ගස් සකසන්නා
අන්තර්ගත මට්ටම් සහිත ලැයිස්තුවක් README සහ ලේඛන සඳහා පිරිසිදු ෆෝල්ඩර ගසක් (├── └──) බවට පරිවර්තනය කරන්න. Unicode හෝ සාමාන්‍ය ASCII ප්‍රතිදානය. සම්පූර්ණයෙන්ම ඔබේ බ්රවුසරයේ ක්රියා කරයි.