How to make a presentation with HTML (reveal.js)

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

How to make a presentation with HTML

reveal.js is a presentation creation tool using HTML and Markdown, with the following features:

A variety of presentation features such as mathematical formulas, animations, and swipe operations
Customizable themes and layouts
Navigation features compatible with multiple devices such as mice, keyboards, and touchpads
Advanced features such as automatic slide playback and video embedding
Can be exported in PDF format

With these features, users can easily create interactive and engaging presentations.

How to install and use reveal.js

The easiest way to use it is to download the entire ZIP from the following page and extract it.

Open https://revealjs.com/installation and download master.zip from the link
Open index.html in the extracted folder in a browser
Rewrite index.html to create your own presentation

You can use demo.html as a reference since it contains HTML code for a demo.

Use Cases

The presentations you create can be published as web pages as is, or exported as PDFs. Also, since the source of the presentation is text, it is easy to manage it with a version control system.

It seems you can also create presentations in Markdown format.

References

Using HTML Tags in HUGO

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

By default, HUGO does not allow the use of HTML tags in articles, but you can enable them by adding the following to your config.toml.

1
2


[markup.goldmark.renderer]
 unsafe = true