រំលងទៅខ្លឹមសារមេ
LibraTool logoLibraTool

កម្មវិធីកែ Mermaid Diagram ឥតគិតថ្លៃ

សរសេរ flowchart, sequence diagram, Gantt chart, និងច្រើនទៀតក្នុង Mermaid syntax ជាមួយការមើលជាមុនផ្ទាល់។ នាំចេញជា SVG ឬ PNG។ ដំណើរការទាំងស្រុងក្នុងកម្មវិធីរុករករបស់អ្នក។

💡 សរសេរដ្យាក្រាមដោយប្រើវាក្យសម្ព័ន្ធ Mermaid — ដ្យាក្រាមលំហូរ ដ្យាក្រាមលំដាប់ តារាង Gantt ដ្យាក្រាមថ្នាក់ និងច្រើនទៀត — រួចនាំចេញជា SVG ឬ PNG។ អ្វីៗទាំងអស់ដំណើរការក្នុងកម្មវិធីរុករករបស់អ្នក៖ អត្ថបទដ្យាក្រាមរបស់អ្នកមិនដែលត្រូវបានផ្ទុកឡើងទេ ហើយម៉ាស៊ីនបង្ហាញ Mermaid ត្រូវបានផ្តល់ពីគេហទំព័រនេះ មិនមែនពី CDN ភាគីទីបីទេ។

ការប្រើប្រាស់ទូទៅ

  • ធ្វើលម្អាងលម្អាងលម្អាងបង្កើតលម្អាងលម្អាងលម្អាងចេញពីអត្ថបទនិងនាំលេងវាដូចម្តេច។
  • រូបមន្តលម្អាងលម្អាងលម្អាងលម្អាងរបៀបដែលប្រព័ន្ធឬមនុស្សប្រឹក្សាក្នុងអំឡុងពេល។
  • បន្ថែមលម្អាងលម្អាងទៅ READMEបង្កើតលម្អាងលម្អាងដែល GitHub ឡើងមកដោយស្វាមីក្នុង README របស់អ្នក។
  • សាងសង់ក្រាហ្វ Ganttដាក់វេលាលម្អាងលម្អាងដូចក្រាហ្វ Gantt ពីអត្ថបទ។
  • បង្កើតលម្អាងលម្អាងថ្នាក់លម្អាងលម្អាងថ្នាក់និងទំនាស់របស់ពួកគេសម្រាប់ការរចនាលម្អាង។

វាដំណើរការដោយរបៀបណា

Mermaid អនុញ្ញាតឱ្យអ្នកសរសេរដ្យាក្រាមជាអត្ថបទ ហើយឱ្យវាបង្ហាញដោយស្វ័យប្រវត្តិ — ល្អសម្រាប់រក្សាដ្យាក្រាមក្នុងការគ្រប់គ្រងកំណែ។ នេះគឺជាកម្មវិធីកែសម្រួលផ្ទាល់ដែលបង្ហាញខណៈអ្នកវាយ។

  1. 1
    ម៉ាស៊ីន Mermaid កំពុងផ្ទុក
    បណ្ណាល័យ Mermaid ផ្ទុកពី LibraTool នៅពេលអ្នកប្រើឧបករណ៍ជាលើកដំបូង បន្ទាប់មកកម្មវិធីរុករករក្សាទុកវាក្នុងឃ្លាំងសម្ងាត់។
  2. 2
    អ្នកសរសេរកូដដ្យាក្រាម
    Flowchart ដ្យាក្រាមលំដាប់ តារាង Gantt ដ្យាក្រាមថ្នាក់ តារាងវង់ និងច្រើនទៀត — ដោយប្រើវាក្យសម្ព័ន្ធអត្ថបទរបស់ Mermaid។
  3. 3
    វាបង្ហាញផ្ទាល់
    កូដរបស់អ្នកត្រូវបានញែក និងបង្ហាញជា SVG ក្នុងកម្មវិធីរុករករបស់អ្នកខណៈអ្នកវាយ ជាមួយស្បែកភ្លឺ និងងងឹត។
  4. 4
    នាំចេញ SVG ឬ PNG
    ទាញយកដ្យាក្រាមជា SVG ដែលអាចពង្រីកបាន ឬ PNG 2× ដើម្បីដាក់ក្នុងឯកសារ ស្លាយ ឬ README។

កូដដ្យាក្រាមរបស់អ្នក — ដែលអាចពិពណ៌នាប្រព័ន្ធផ្ទៃក្នុង — ត្រូវបានបង្ហាញទាំងស្រុងក្នុងកម្មវិធីរុករករបស់អ្នក ហើយមិនដែលផ្ទុកឡើងទេ។

ឧបករណ៍ពាក់ព័ន្ធ

📝

កម្មវិធីកែ Markdown

សរសេរ និងមើលជាមុន Markdown ក្នុងពេលវេលាជាក់ស្ដែង។ គាំទ្រ heading, bold, italic, code block, table, និងបញ្ជី។

សាកល្បង
🟦

ម៉ាស៊ីនបង្កើត CSS Grid

រចនា CSS grid ដោយមើលឃើញ — track ឯកតា និងគម្លាត — ហើយចម្លង CSS និង HTML ដែលបង្កើត។

សាកល្បង
🌳

កម្មវិធីបង្កើតដើមឈើ ASCII

បំប្លែងបញ្ជីមានចូលបន្ទាត់ទៅជាដើមឈើថតឯកសារស្អាត (├── └──) សម្រាប់ README និងឯកសារ។ លទ្ធផល Unicode ឬ ASCII ធម្មតា។ ដំណើរការទាំងស្រុងក្នុងកម្មវិធីរុករករបស់អ្នក។

សាកល្បង

សំណួរដែលសួរជាញឹកញាប់