Диаграммы Mermaid в заметке

Напишите диаграмму текстом и посмотрите, как она рисуется рядом, — пять типов.

Снимок экрана LightNote: Блок-схема: блоки, ромбы решений и подписанные стрелки
Блок-схема: блоки, ромбы решений и подписанные стрелки
Снимок экрана LightNote: Последовательность: кто с кем обменивается сообщениями и в каком порядке
Последовательность: кто с кем обменивается сообщениями и в каком порядке
Снимок экрана LightNote: Гант: задачи на календаре по разделам, с зависимостями
Гант: задачи на календаре по разделам, с зависимостями
Снимок экрана LightNote: Интеллект-карта: иерархия задаётся отступами
Интеллект-карта: иерархия задаётся отступами
Снимок экрана LightNote: Хронология: периоды и события каждого из них
Хронология: периоды и события каждого из них

Пошагово

Номер шага совпадает с меткой на снимке экрана; наведите указатель на шаг или нажмите на него, чтобы выделить метку.

  1. Напишите диаграмму в ограждении ```mermaid в заметке
  2. 1«Текстовый редактор + чтение» показывает код и рисунок рядом
  3. 2«Вставить» → «Диаграмма (Mermaid)» добавляет готовую заготовку каждого типа

Подробнее в справкеДиаграммы (Mermaid)

Советы

  • Ctrl+E переключает режимы заметки: текст, текст + чтение, форматированное редактирование и чтение
  • В форматированном редактировании Ctrl+Enter на диаграмме открывает её код для правки

← Все уроки