دەستکاریکەری نەخشەی Mermaidی بەخۆڕایی
فلۆچارت، نەخشەی زنجیرەیی، خشتەی Gantt، و زیاتر بنووسە بە سینتاکسی Mermaid لەگەڵ پێشبینینی زیندوو. بیبە بۆ SVG یان PNG. بە تەواوی لە وێبگەڕەکەتدا کاردەکات.
ڕایبکێشە یان سکرۆڵ بکە بۆ جووڵاندن. دوو پەنجە، یان Ctrl + سکرۆڵ، بۆ زووم. لێوی خوارەوە ڕابکێشە بۆ ئەوەی پێشبینینەکە بەرزتر بێت.
💡 نەخشەکان بە زمانی Mermaid بنووسە — فلۆچارت، نەخشەی زنجیرەیی، چارتی گانت، نەخشەی پۆل، و زیاتر — و وەک SVG یان PNG هەناردەیان بکە. هەموو شتێک لە وێبگەڕەکەتدا کار دەکات: دەقی نەخشەکەت هەرگیز بار ناکرێت، و ئەنجینی ڕێندەرکردنی Mermaid لەم ماڵپەڕەوە خزمەت دەکرێت نەک لە CDN ـێکی لاوەکی.
چۆن کار دەکات
Mermaid ڕێگەت پێدەدات نەخشە وەک دەق بنووسیت و بە شێوەی خۆکار بکێشرێن — زۆر باشە بۆ هەڵگرتنی نەخشەکان لە کۆنتڕۆڵی وەشاندا. ئەمە دەستکاریکەرێکی زیندووە کە لەکاتی نووسیندا دەیکێشێت.
- 1ئەنجینی Mermaid بار دەبێتکتێبخانەی Mermaid یەکەم جار کە ئامرازەکە بەکاردەهێنیت لە LibraTool بار دەبێت، پاشان وێبگەڕەکەت هەڵیدەگرێت.
- 2کۆدی نەخشە دەنووسیتفلۆچارت، نەخشەی سیکوێنس، چارتی گانت، نەخشەی پۆل، پای چارت و زیاتر — بە بەکارهێنانی ڕستەبەندی دەقی Mermaid.
- 3بە شێوەی زیندوو دەکێشرێتکۆدەکەت لەکاتی نووسیندا لە وێبگەڕەکەتدا شی دەکرێتەوە و دەکێشرێت بۆ SVG، لەگەڵ ڕوانگەی ڕووناک و تاریک.
- 4SVG یان PNG هەناردە بکەنەخشەکە وەک SVG یان PNG ی 2× دابگرە بۆ خستنە ناو بەڵگەنامە، سلایدەکان یان README.
کۆدی نەخشەکەت — کە دەکرێت سیستەمی ناوخۆیی وەسف بکات — بە تەواوی لە وێبگەڕەکەتدا دەکێشرێت و هەرگیز ناناردرێت.
ئامرازە پەیوەندیدارەکان
دەستکاریکەری Markdown
Markdown بنووسە و بە کاتی ڕاستەقینەدا پێشبینین بکە. سەرپەڕ، تۆخ، لار، بەشی کۆد، خشتە، و لیست پشتگیری دەکات.
دروستکەری تۆڕی CSS
تۆڕی CSS بە شێوەی بینراو داڕێژە — تراک، یەکە و کاژاوەکان — و CSS و HTMLی دروستکراو کۆپی بکە.
دروستکەری داری ASCII
لیستێکی بۆشایی‌دار بگۆڕە بۆ داری فۆڵدەرێکی ڕوون (├── └──) بۆ README و بەڵگەنامەکان. دەرئەنجامی یونیکۆد یان ASCIIی سادە. بە تەواوی لە وێبگەڕەکەتدا کاردەکات.