Как создать презентацию с помощью HTML (reveal.js)

Thu, 06 Apr 2023 23:23:46 +0900

Как создать презентацию с помощью HTML

reveal.js — это инструмент для создания презентаций с использованием HTML и Markdown, который обладает следующими функциями:

Разнообразные функции презентации, такие как математические формулы, анимации и управление смахиванием
Возможность настройки тем и макетов
Функции навигации, поддерживающие несколько устройств, такие как мышь, клавиатура и сенсорная панель
Предоставление расширенных функций, таких как автовоспроизведение слайдов и встраивание видео
Возможность экспорта в формат PDF

Благодаря этим функциям пользователи могут легко создавать интерактивные и привлекательные презентации.

Установка и использование reveal.js

Самый простой способ использования — скачать весь ZIP-архив со следующей страницы и распаковать его.

Откройте https://revealjs.com/installation и скачайте master.zip по ссылке
Откройте index.html из распакованной папки в браузере
Отредактируйте index.html, чтобы создать свою собственную презентацию

※ Демонстрационный HTML-код написан в demo.html, так что вы можете использовать его в качестве справки.

Способы применения

Созданную презентацию можно опубликовать как веб-страницу без изменений или экспортировать в виде PDF. Кроме того, поскольку исходный код презентации — это текст, им легко управлять с помощью систем контроля версий.

Кажется, презентации также можно создавать в формате Markdown.

Ссылки

Использование HTML-тегов в HUGO

Tue, 17 Jan 2023 19:20:32 +0900

По умолчанию в HUGO запрещено использование HTML-тегов в статьях, но если добавить следующий код в config.toml, это станет возможным.

1
2


[markup.goldmark.renderer]
 unsafe = true