Экспорт

PDF

Экспорт в PDF или PNG происходит за счёт Playwright рендеринга. Поэтому вам необходимо установить playwright-chromium, чтобы использовать этот функционал. Если вы выполняете экспорт в CI, то взгляните на руководство по playwright CI.

Установите playwright-chromium

$ npm i -D playwright-chromium

Теперь можете экспортировать слайды в PDF с помощью следующей команды

$ slidev export

Через несколько секунд ваши слайды будут находиться в ./slides-exports.pdf.

Экспорт с кликами

Доступно с версии v0.21

По умолчанию Slidev экспортирует одну страницу на слайд с отключенной анимацией кликов. Если вы хотите экспортировать слайды с несколькими шагами на несколько страниц, передайте параметр --with-clicks.

$ slidev export --with-clicks

PNG

При передаче параметра --format png Slidev будет экспортировать каждый слайд в изображения PNG вместо PDF.

$ slidev export --format png

Single-Page Application (SPA)

Вы также можете сбилдить слайды в self-hostable SPA:

$ slidev build

Созданное приложение будет доступно в папке dist/, после чего его можно будет разместить на GitHub Pages, Netlify, Vercel или на любых других платформах. Теперь вы можете поделиться своими слайдами с остальным миром с помощью одной ссылки.

Базовый путь

Чтобы развернуть слайды на определённом роутере, вам нужно передать параметр --base. Например:

$ slidev build --base /talks/my-cool-talk/

Подробнее в документации Vite.

Provide Downloadable PDF

Вы можете предоставить загружаемый PDF-файл зрителям вашего SPA со следующей конфигурацией:

---
download: true
---

Slidev сгенерирует файл pdf вместе со сборкой, и в SPA отобразится кнопка загрузки.

Вы также можете указать собственный URL-адрес для PDF-файла. В этом случае процесс рендеринга будет пропущен.

---
download: 'https://myside.com/my-talk.pdf'
---

Примеры

Вот несколько примеров экспортированного SPA: