ຂ້າມໄປຫາເນື້ອຫາຫຼັກ
LibraTool logoLibraTool

ຕົວແກ້ໄຂ Mermaid Diagram ຟຣີ

ຂຽນ flowchart, sequence diagram, Gantt chart ແລະ ອື່ນໆ ດ້ວຍ Mermaid syntax ພ້ອມຕົວຢ່າງ live. ສົ່ງອອກເປັນ SVG ຫຼື PNG. ເຮັດວຽກທັງໝົດໃນບຣາວເຊີ.

💡 ຂຽນແຜນວາດດ້ວຍ Mermaid syntax — ຜັງງານ, ແຜນວາດລຳດັບ, ຜັງ Gantt, ແຜນວາດຄລາສ ແລະ ອື່ນໆ — ແລ້ວສົ່ງອອກເປັນ SVG ຫຼື PNG. ທຸກຢ່າງເຮັດວຽກໃນບຼາວເຊີຂອງທ່ານ: ຂໍ້ຄວາມແຜນວາດຂອງທ່ານບໍ່ເຄີຍຖືກອັບໂຫລດ ແລະ ຕົວແປຜົນ Mermaid ຖືກສົ່ງມາຈາກເວັບໄຊນີ້ ບໍ່ແມ່ນຈາກ CDN ພາຍນອກ.

ການນຳໃຊ້ທົ່ວໄປ

  • ສ້າງແຜນວາດໄຫຼສ້າງແຜນວາດໄຫຼຈາກຂໍ້ຄວາມ ແລະສົ່ງອອກເປັນລາຍຮູບ.
  • ແຕ້ມແຜນວາດລໍາດັບແຕ້ມວ່າລະບົບ ຫຼື ປະຊາຊົນມີປະຕິສໍາພັນກັນຢ່າງໃດໃນໄລຍະເວລາ.
  • ເພີ່ມແຜນວາດໃສ່ READMEສ້າງແຜນວາດທີ່ GitHub ສະ ຣະ ອອກ ຂະ ຫຍາຍ ໃສ່ README ຂອງທ່ານ.
  • ສ້າງແຜນວາດ Ganttວາງຕາຕະລາງເວລາໂຄງການເປັນແຜນວາດ Gantt ຈາກຂໍ້ຄວາມ.
  • ສ້າງແຜນວາດຫ້ອງຮຽນແຕ້ມຫ້ອງຮຽນ ແລະ ຄວາມສຳພັນຂອງມັນສໍາລັບການອອກແບບຊອບແວ.

ມັນເຮັດວຽກແນວໃດ

Mermaid ໃຫ້ທ່ານຂຽນແຜນວາດເປັນຂໍ້ຄວາມ ແລະມີພວກມັນສະແດງຕົວຢ່າງໂດຍອັດ - ດີສໍາລັບອອກແຜນວາດໃນຄວບຄຸມ ນີ້ແມ່ນບັນນາທີ່ສົດໃສທີ່ສະແດງຕົວຢ່າງໃນຂະນະທີ່ທ່ານຂຽນ

  1. 1
    ໂມສາ Mermaid ໂຫລດ
    ຫ້ອງສະໝຸດ Mermaid ໂຫຼດຈາກ LibraTool ເມື່ອທ່ານໃຊ້ເຄື່ອງມືຄັ້ງທຳອິດ ແລ້ວບຣາວເຊີຈະເກັບໄວ້ໃນແຄຊ.
  2. 2
    ທ່ານຂຽນລະຫັດສາຟສະ
    Flowcharts ສະຕະລະຂຸມ ພາກສ່ວນ Gantt ແຜນວາດ ພາກສ່ວນເສັ້ນຜ່າກາງ ແລະອື່ນໆ - ການນໍາໃຊ້ຕະຫວາດຂໍ້ຄວາມ Mermaid
  3. 3
    ມັນສະແດງຕົວຢ່າງສົດໃສ
    ລະຫັດຂອງທ່ານໄດ້ຖືກວິເຄາະແລະສະແດງໃຫ້ SVG ໃນບາວເຊີຂອງທ່ານໃນຂະນະທີ່ທ່ານຂຽນ ທີ່ມີຮູບແບບເບົາ ແລະມືດ
  4. 4
    ສົ່ງອອກ SVG ຫຼື PNG
    ດາວໂຫຼດແຜນວາດເປັນ SVG ທີ່ປັບຂະໜາດໄດ້ ຫຼື PNG 2× ເພື່ອນຳໄປໃສ່ເອກະສານ, ສະໄລດ໌ ຫຼື README.

ລະຫັດແຜນວາດຂອງທ່ານ - ເຊິ່ງອາດຈະອະທິບາຍລະບົບພາຍໃນ - ສະແດງຕົວຢ່າງຢ່າງສົມບູນໃນບາວເຊີຂອງທ່ານ ແລະບໍ່ເຄີຍອັບໂຫລດ

ເຄື່ອງມືທີ່ກ່ຽວຂ້ອງ

📝

ຕົວແກ້ໄຂ Markdown

ຂຽນ ແລະ ຕົວຢ່າງ Markdown ໃນເວລາຈິງ. ຮອງຮັບ heading, ໂຕຫນາ, ໂຕຖ່ຽງ, code block, ຕາຕະລາງ ແລະ ລາຍການ.

ລອງໃຊ້
🟦

ເຄື່ອງກໍາເນີດ CSS Grid

ອອກແບບ CSS grid ທາງພາບ — ຕາມຮອຍ, ຫົວໜ່ວຍ ແລະ ຊ່ອງວ່າງ — ແລະ ສຳເນົາ CSS ໄປມາ ແລະ HTML.

ລອງໃຊ້
🌳

ຕົວສ້າງຕົ້ນໄມ້ ASCII

ແປງລາຍການທີ່ຈັດໄວ້ເປັນຕົ້ນໄມ້ໂຟນເດີສະອາດ (├── └──) ສຳລັບ README ແລະ ເອກະສານ. ຜົນລັບ Unicode ຫຼື ASCII ລ້ວນ. ເຮັດວຽກທັງໝົດໃນບຣາວເຊີ.

ລອງໃຊ້

ຄໍາຖາມທີ່ຖາມເລື້ອຍໆ