Markdown + JavaScript = Великолепные HTML-презентации

Вы можете легко создавать красивые, интерактивные, простые презентации, написав их в Markdown (возвращаясь к HTML при необходимости) со специальными маркерами, разделяющими отдельные слайды, и используя JavaScript для преобразования в интерактивную HTML-презентацию. Теперь мы рассмотрим несколько инструментов, которые могут помочь вам в этом. Мой любимый — это Reveal.js, который недавно получил полную поддержку для полных презентаций Markdown.

Презентационные рамки

Reveal.js

• Reveal.js на GitHub , живая демонстрация, представляющая многие из его возможностей
• Популярный, красивый, много возможностей
• Экспорт в PDF, заметки докладчика (показ по запросу или на другом устройстве через node.js)
• Презентация в формате HTML, но отдельные слайды могут содержать Markdown (это приведет к ряду вертикальных и / или горизонтальных слайдов / разделов):

  <section data-markdown>
      <script type="text/template">
          Markdown body of a slide here ...
      </script>
  </section>

• Кроме того, вся презентация может быть загружена из файла разметки :

  <section data-markdown="/my_presentation.md" data-separator="^\n---\n" data-vertical="^\n\n">
       Markdown body of a slide here ...
  </section>

  • Осторожно: из-за ограничений безопасности и файл index.html, и файл презентации .md должны обслуживаться одним и тем же HTTP-сервером; простой, вероятно, доступен на вашей машинеpython -m SimpleHTTPServer
  • Два других атрибута являются необязательными. ---разделение пустыми строками является разделителем по умолчанию для горизонтальных слайдов (нет для вертикальных).
• Подсветка синтаксиса кода через highlight.js
• Режим обзора (обзор по всем слайдам)
• Вы также можете создать и поделиться презентацией Reveal.js онлайн через rvl.io.