АЛЕКСЕЙ ЛОСЕВ
MarkDown для презентаций
Ранее писал про инструмент построения UML диаграмм при помощи PlantUML. Сегодня поговорим про еще один инструмент на основе плоского текст — Marp.
Люди в принципе воспринимают эстетику как индикатор понятности системы
© Алексей Каптерев
© Алексей Каптерев
Алексей Лосев
Экс-директор по разработке
- Кандидат физико-математических наук.
- Microsoft MVP (Most Valuable Professional), Visual Studio and Development Technologies.
- 18+ лет личного стажа разработчика ПО на платформе .NET.
- 10+ лет управления командами разработки различного масштаба.
- 8+ лет преподавания разработки ПО в МГТУ им. Баумана.
- Выстраивание процессов разработки ПО по Agile (Scrum) и внедрение управления проектами по PMBOK.
- Управление разработкой банковского ПО в части ITSM информационной безопасности, внутренней автоматизации. Лучшие практики ITSM (ITIL).
Тут как-то писал про инструмент построения UML диаграмм при помощи PlantUML. Сегодня поговорим про еще один инструмент на основе плоского текста — Marp. Он позволяет описывать презентации в виде текста (который будет нормально мерджится в том же Git-е) и генерировать на его основе презентацию в pptx, pdf или html.
Итак, начинаем.
Для работы с Marp я буду использовать Visual Studio Code. Устанавливаем расширение для работы с Marp:
Итак, начинаем.
Для работы с Marp я буду использовать Visual Studio Code. Устанавливаем расширение для работы с Marp:
Создаем файл с расширением md:
После этого можем включить предварительный просмотр:
В режиме разделенного редактора в правой части будет видна результирующая презентация
(напоминаю, все картинки кликабельны):
(напоминаю, все картинки кликабельны):
Пара замечаний:
marp: true
Используется для пометки, что мы используем marp. Если не указать эту строку или указать значение false, то модуль выключится и мы будем получать стандартное отображение для MarkDown:
--- - используется для разделения страниц. Единственно, не забываем, что перед --- надо оставлять строку. Если это не сделать, то разделитель перестает работать:
Если пустые строки раздражают, можно воспользоваться другими разделителями ___ (три подчеркивания), *** (три звездочки) или — - - (те же три минуса, но через пробел).
Что еще есть полезного в Marp? Конечно же, директивы. В первом блоке, где у нас был указан marp:true, можно указывать директивы в синтаксисе имя_директивы: значение, а если нужно указать директиву на конкретной странице, то используется синтаксис html комментариев. Например:
Что еще есть полезного в Marp? Конечно же, директивы. В первом блоке, где у нас был указан marp:true, можно указывать директивы в синтаксисе имя_директивы: значение, а если нужно указать директиву на конкретной странице, то используется синтаксис html комментариев. Например:
Фон стал желтым, но на конкретном слайде он был заменен на белый, причем в этом случае у директивы использовался в начале знак подчеркивания:
_backgroundColor: white
Если знак подчеркивания убрать, вот так:
backgroundColor: white
То директива будет действовать не только на текущий слайд, но и на последующие:
Директивы делятся на глобальные и локальные. Глобальных немного, они позволяют задать тему (из набора стандартных), стиль оформления и еще один вариант разделения страницы на слайды. Я немного покажу про стили.
Стили задаются при помощи html элемента style:
Стили задаются при помощи html элемента style:
Как и в обычном html, можно задавать классы и применять стиль к ним, в примере задан стиль для титульной страницы (с классом tiltslide) и для всех остальных страниц:
Ну и самое главное - экспорт. Для этого достаточно кликнуть на появившемся в редакторе ярлыке Marp и выбрать экспорт:
Получается, весьма похоже:
Кроме pptx, можно экспортировать в pdf, html и изображения (png и jpg).
Вам также может быть интересно