အခမဲ့ Mermaid ပုံကြမ်းတည်းဖြတ်စက်
live preview ဖြင့် Mermaid syntax တွင် flowchart, sequence diagram, Gantt chart နှင့် အခြားများ ရေးသားပါ။ SVG သို့မဟုတ် PNG အဖြစ် export လုပ်ပါ။ browser တွင်သာ လုံးဝ အလုပ်လုပ်သည်။
ဆွဲ၍ သို့မဟုတ် scroll လုပ်၍ ရွှေ့ပါ။ ချဲ့ရန် နှစ်ရောင်ဖြင့် ဆွဲပါ သို့မဟုတ် Ctrl + scroll။ အောက်စွန်းကို ဆွဲ၍ ကြိုကြည့်ပြတင်းကို ပိုမြင့်စေပါ။
💡 ပုံကြမ်းများကို Mermaid syntax ဖြင့် ရေးပါ — flowchart, sequence diagram, Gantt chart, class diagram နှင့် အခြားများစွာ — ပြီးလျှင် SVG သို့မဟုတ် PNG အဖြစ် ထုတ်ယူပါ။ အားလုံး သင့်ဘရောက်ဇာထဲတွင် အလုပ်လုပ်သည်။ သင့်ပုံကြမ်းစာသားကို ဘယ်တော့မှ အပ်လုဒ်မလုပ်ပါ၊ Mermaid ရေးဆွဲမှုအင်ဂျင်ကိုလည်း ပြင်ပ CDN မဟုတ်ဘဲ ဤဆိုက်မှပင် ပေးပို့ပါသည်။
အသုံးများသော အသုံးပြုမှုများ
- ခရီးကြောင်းပုံကြည်ခြင်းကို ဖန်တီးပါစာသားမှ ခရီးကြောင်းပုံကြည်ခြင်းကို ဖန်တီးပြီး ပုံ ဖိုင်းအဖြစ် ထုတ်လုပ်ပါ
- အလိုက်မျဉ်းကွက်ပုံကြည်ခြင်းကို ဆွဲသည်စနစ်များ သို့မဟုတ် လူများသည် အချိန်အားလုံးတွင် မည်ကဲ့သို့ဆက်ဆံမှုကို ပုံကြည်ခြင်းပြုလုပ်ပါ
- README သို့ ပုံကြည်ခြင်းထည့်သွင်းပါGitHub သည် သင့်README တွင် အခြား native အားဖြင့် ပုံကြည်ခြင်းများကို ဖန်တီးပါ
- Gantt ဇယားကို တည်ဆောက်ပါစာသားမှ ပရဲက်ဂျက်အချိန်အစီအစဉ်ကို Gantt ဇယားအဖြစ် ခြင်းစီခြင်း
- အတန်းအဆင့်ပုံကြည်ခြင်းကို ဖန်တီးပါsoftware ဒီဇိုင်းအတွက် အတန်းအဆင့် နှင့် သူတို့၏ ဆက်ဆံမှုကို ပုံကြည်ခြင်းပြုလုပ်ပါ
မည်သို့ အလုပ်လုပ်သည်
Mermaidသည်အု�းအု�်များစာသားအု�းအု�်ခွင့်နှင့်အု�းအု�်သည့်အု�းအု�်လုပ်သည်—အု�းအု�်အု�းအု�်ခွင့်အု�းအု�်သည့်အု�းအု�်။၎င်းသည်အု�းအု�်အု�းအု�်သည့်အု�းအု�်။
- 1Mermaidအု�းအု�်လုပ်သည်Mermaid စာကြည့်တိုက်ကို ကိရိယာကို ပထမဆုံးသုံးသောအခါ LibraTool မှ တင်ပြီး ဘရောက်ဇာက cache တွင် သိမ်းထားသည်။
- 2သင်သည်အု�းအု�်သည့်အု�းအု�်ကုဒ်သည်အု�းအု�်၊အု�းအု�်အု�းအု�်၊အု�းအု�်အု�းအု�်၊အု�းအု�်အု�းအု�်နှင့်အု�းအု�်—Mermaidသည့်စာသားအု�းအု�်သည်။
- 3၎င်းသည်အု�းအု�်အု�းအု�်သည်သင့်ကုဒ်သည်အု�းအု�်အု�းအု�်သည့်ကွန်ပျူတာတွင် SVGအု�းအု�်အု�းအု�်။
- 4SVGသို့မဟုတ်PNGအု�းအု�်အု�းအု�်အု�းအု�်ခွင့်SVGသို့မဟုတ် 2×PNGအု�းအု�်လုပ်အု�းအုပ်။
သင့်အု�းအု�်အု�းအု�်—အု�းအု�်အု�းအု�်ခွင့်အု�းအု�်သည့်—သင့်ကွန်ပျူတာတွင်အု�းအု�်အု�းအု�်။
ဆက်နွှယ်သော ကိရိယာများ
Markdown တည်းဖြတ်စက်
Markdown ကို real time တွင် ရေးကာ preview ကြည့်ပါ။ heading, bold, italic, code block, table နှင့် list ပံ့ပိုးသည်。
CSS Grid ဖန်တည်းကိရိယာ
CSS grid အားမြင်သာစွာ ဒီဇိုင်းဆွဲ — ကြေးများ၊ ယူနစ်များနှင့်ကွာဒျောင်းများ — နှင့် ထုတ်ဖန်တည်းသောCSS နှင့် HTML ကိုကူးယူပါ။
ASCII သစ်ပင်ပုံဆောက်စက်
README နှင့် docs များအတွက် indented list ကို သပ်ရပ်သော folder tree (├── └──) သို့ ပြောင်းပါ။ Unicode သို့မဟုတ် plain-ASCII output ။ browser တွင်သာ လုံးဝ အလုပ်လုပ်သည်။