Вторая форма статьи

Любая статья блога может стать полноэкранной презентацией.

Просто добавьте в начало текста один YAML-блок:

---
format: presentation
---

Как это работает

Слайды разбиваются по заголовкам # (H1).

• Заголовок статьи → титульный слайд
• Каждый # → новый слайд
• ## и ### остаются подзаголовками внутри слайда
• Внутри слайдов работают все фенсы блога

Поля meta — оформление

Пример meta

---
format: presentation
theme: lime
font-size: md
transition: fade
---

Тема lime — комплект:
к ней автоматически подключаются
темы кода, mermaid и vega.

Темы

Подтемы

Комплект задаётся одной строкой theme:, подтемы можно переопределить явно.

theme: lime
code-theme: lime
mermaid-theme: lime
vega-theme: lime

Что на слайде? Код:

from random import shuffle, seed
seed(42)  # зафиксировали «сегодня повезёт»

def bogo_sort(xs):
    """Ожидаемое время: миллион лет. Бюджет: сегодня вечером."""
    while any(xs[i] > xs[i+1] for i in range(len(xs) - 1)):
        shuffle(xs)
    return xs

print(bogo_sort([3, 1, 2]))  # [1, 2, 3] — повезло

Что на слайде? Cхема:

graph LR
  A["\# Заголовок H1"] --> B[Слайд 1]
  A --> D[Слайд 2]
  A --> E[Слайд 2]
  B --> C[Статья]
  D --> C
  E --> C

Что на слайде? График:

Фенсы внутри слайдов

Презентации наследуют всю разметку блога.

• Табы === "Вкладка" и уведомления !!! note
• Таблицы с зеброй и тонировкой строк
• Чеклисты и списки определений
• Врезки .float-right, карточки .bg-*

Навигация

• Клавиши ← →, Space, PgUp/PgDn
• Клики по краям экрана, свайп на планшете
• Колесо мыши, когда слайд не скроллится
• ?slide=N в адресе — открыть слайд N
• Кнопка × — вернуться к обычному виду

Начните прямо сейчас

Возьмите любую статью, добавьте перед текстом блок format: presentation, задайте тему — и показывайте.

Лаконичность — сила слайда: один тезис, один пример.