ነፃ Mermaid ዲያግራም አርታኢ
ፍሎቻርቶችን፣ ቅደም ተከተል ዲያግራሞችን፣ Gantt ቻርቶችንና ተጨማሪ በMermaid አገባብ ከቀጥታ ቅድመ-እይታ ጋር ይጻፉ። እንደ SVG ወይም PNG ያውጡ። ሙሉ በሙሉ በአሳሽዎ ውስጥ ይሰራል።
ለማንቀሳቀስ ይጎትቱ ወይም ያሸብልሉ። ለማጉላት ይቆንጥጡ ወይም Ctrl + ያሸብልሉ። ቅድመ እይታውን ከፍ ለማድረግ የታችኛውን ጠርዝ ይጎትቱ።
💡 ስዕላዊ መግለጫዎችን በMermaid አገባብ ይጻፉ — የፍሰት ገበታዎች፣ የቅደም ተከተል ስዕላዊ መግለጫዎች፣ የGantt ገበታዎች፣ የክፍል ስዕላዊ መግለጫዎች እና ሌሎችም — እና እንደ SVG ወይም PNG ላኩ። ሁሉም ነገር በአሳሽዎ ውስጥ ይሰራል፦ የስዕላዊ መግለጫ ጽሑፍዎ በጭራሽ አይሰቀልም፣ እና Mermaid የማቅረቢያ ሞተር ከሶስተኛ ወገን CDN ሳይሆን ከዚህ ድረ-ገጽ ይቀርባል።
እንዴት እንደሚሠራ
Mermaid ስዕላዊ መግለጫዎችን እንደ ጽሑፍ እንዲጽፉ እና በራስ-ሰር እንዲታደሩ ያስችልዎታል — ስዕላዊ መግለጫዎችን በስሪት ቁጥጥር ውስጥ ለማቆየት ጥሩ። ይህ ሲተይቡ የሚታደር ቀጥታ አርታዒ ነው።
- 1የMermaid ሞተር ይጫናልየMermaid ላይብረሪ መሳሪያውን ለመጀመሪያ ጊዜ ሲጠቀሙ ከLibraTool ይጫናል፣ ከዚያ አሳሽዎ ያከማቻል።
- 2የስዕላዊ መግለጫ ኮድ ይጽፋሉየፍሰት ገበታዎች፣ የቅደም ተከተል ስዕላዊ መግለጫዎች፣ የGantt ገበታዎች፣ የክፍል ስዕላዊ መግለጫዎች፣ የፓይ ገበታዎች እና ተጨማሪ — በMermaid የጽሑፍ ስልት በመጠቀም።
- 3በቀጥታ ይታደራልኮድዎ ሲተይቡ ወደ SVG ተተንትኖ በአሳሽዎ ውስጥ ይታደራል፣ በብርሃንና ጨለማ ገጽታዎች።
- 4SVG ወይም PNG ላኩስዕላዊ መግለጫውን እንደ ስፋት ሊስተካከል የሚችል SVG ወይም 2× PNG ወደ ሰነዶች፣ ስላይዶች ወይም README ለማስገባት ያውርዱ።
የስዕላዊ መግለጫ ኮድዎ — የውስጥ ስርዓቶችን ሊገልጽ የሚችል — ሙሉ በሙሉ በአሳሽዎ ውስጥ ይታደራል እና ፈጽሞ አይሰቀልም።
ተዛማጅ መሳሪያዎች
Markdown አርታኢ
Markdown ን በእውነተኛ ጊዜ ይጻፉና ቅድመ-ይመልከቱ። ራስጌዎችን፣ ደማቅ፣ ሰያፍ፣ የኮድ ብሎኮች፣ ሠንጠረዦችና ዝርዝሮችን ይደግፋል።
የCSS ግሪድ መፍጠሪያ
CSS ግሪድን በእይታ ይንደፉ — ትራኮች፣ አሃዶች እና ክፍተቶች — እና የተፈጠረውን CSS እና HTML ይቅዱ።
ASCII ዛፍ ፈጣሪ
ገብ ያለ ዝርዝርን ለREADMEዎችና ሰነዶች ወደ ንፁህ የፎልደር ዛፍ (├── └──) ይቀይሩ። Unicode ወይም ንጹህ-ASCII ውጤት። ሙሉ በሙሉ በአሳሽዎ ውስጥ ይሰራል።