DotMDПерегляд Markdown на Mac,який малює діаграми Mermaid.
Напишіть діаграму текстом у блоці коду з позначкою mermaid, і DotMD намалює її на сторінці. Нічого не залишає ваш Mac: усе працює офлайн, у світлій і темній темі.
macOS 14 або новіша. Читати можна безкоштовно; редагування й рев'ю оплачуються один раз.
Коротко
DotMD — програма для перегляду Markdown на Mac з підтримкою Mermaid. Блок коду з позначкою mermaid малюється як блок-схема, діаграма послідовності, класів, станів або «сутність — зв’язок», діаграма Ганта, кругова діаграма, інтелект-карта, часова шкала чи граф git, офлайн і в кольорах вашої теми. Перегляд безкоштовний; писати з живим попереднім переглядом можна в DotMD Editor.
Які діаграми Mermaid малює DotMD?
У DotMD вбудовано Mermaid 10.9. Він малює діаграми таких видів, а в редакторі для кожного є готовий шаблон:
- Блок-схеми і діаграми станів: кроки, рішення та переходи.
- Діаграми послідовності: хто що кому надсилає, по порядку.
- Діаграми класів і діаграми «сутність — зв’язок»: типи, таблиці та зв’язки між ними.
- Діаграми Ганта і часові шкали: плани та події в часі.
- Кругові діаграми, інтелект-карти і графи git.
Діаграма залишається текстом у вашому .md-файлі, тож її легко змінювати, а кожна правка видна в історії версій.
Як переглянути Mermaid у Markdown-файлі на Mac
Блок коду з позначкою mermaid стає на сторінці діаграмою замість вихідного тексту.
-
Відкрийте файл
Натисніть ⌘O і виберіть .md-файл або його теку чи перетягніть файл на DotMD. Кожна діаграма малюється під час відкриття сторінки.
-
Роздивіться зблизька
Клацніть діаграму, щоб побачити її великою над сторінкою. Жестом зведення пальців збільште її до 8×, перетягніть, щоб зсунути, а клавішею Esc поверніться.
-
У тон темі
Діаграми слідують за сторінкою: вони малюються світлими або темними кольорами залежно від теми, яку ви вибрали в меню Aa.
Пишіть Mermaid із живим попереднім переглядом
Редагування входить до DotMD Editor. Натисніть Edit або ⌘E і ввімкніть Preview (⌥⌘E): діаграма перемальовується поруч із текстом під час набору, а клацання по ній переходить до її коду.
Insert → Diagram вставляє у файл робочий приклад будь-якого з десяти видів, готовий до правки.
Mermaid у Quick Look, PDF і HTML
Натисніть пробіл на .md-файлі у Finder, і в перегляді теж з’являться діаграми: перегляд Markdown через Quick Look.
Export as PDF… малює діаграми до створення PDF: Markdown у PDF на Mac. Експортований HTML-файл під час відкриття завантажує Mermaid з інтернету.
Якщо діаграма не з’являється
- Перевірте перший рядок: у ньому названо вид діаграми, наприклад
flowchart TDабоsequenceDiagram. - Підпис із дужками, двокрапками чи лапками візьміть у подвійні лапки:
"…". - Помилка в синтаксисі показує повідомлення про помилку Mermaid замість малюнка.
Питання про Mermaid на Mac
Чи показує DotMD діаграми Mermaid офлайн?
Так. Mermaid вбудовано в DotMD, і він малює на вашому Mac без підключення до інтернету. Лише експортований HTML-файл завантажує його з інтернету.
Чи безкоштовно переглядати діаграми Mermaid?
Так. Читання Markdown із діаграмами, теки, вкладки та Quick Look безкоштовні назавжди. Редагування з живим попереднім переглядом входить до DotMD Editor, $14.99 один раз.
Які діаграми Mermaid можна використовувати?
Блок-схеми, діаграми послідовності, класів, станів і «сутність — зв’язок», діаграми Ганта, кругові діаграми, інтелект-карти, часові шкали та графи git. У редакторі для кожного є шаблон.
Як редагувати Mermaid із живим попереднім переглядом?
У DotMD Editor натисніть ⌘E, а потім ⌥⌘E. Діаграма перемальовується поруч із текстом під час набору.