Comment créer des présentations avec HTML (reveal.js)

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

Comment créer des présentations avec HTML

reveal.js est un outil de création de présentations utilisant HTML et Markdown, qui possède les fonctionnalités suivantes :

Diverses fonctions de présentation telles que des formules mathématiques, des animations et des opérations de balayage
Thèmes et mises en page personnalisables
Fonctions de navigation prises en charge par plusieurs appareils, tels que la souris, le clavier et le pavé tactile
Fournit des fonctionnalités avancées, telles que la lecture automatique des diapositives et les vidéos intégrées
Peut être exporté au format PDF

Grâce à ces fonctionnalités, les utilisateurs peuvent facilement créer des présentations interactives et attrayantes.

Installation et utilisation de reveal.js

La façon la plus simple de l’utiliser est de télécharger et d’extraire l’intégralité du fichier ZIP à partir de la page suivante.

Ouvrez https://revealjs.com/installation et téléchargez master.zip à partir du lien
Ouvrez le fichier index.html dans le dossier extrait dans un navigateur
Réécrivez index.html pour créer votre propre matériel de présentation

※ Comme le code HTML de démonstration est écrit dans demo.html, vous pouvez l’utiliser comme référence.

Comment utiliser

Les présentations que vous créez peuvent être publiées telles quelles sous forme de pages Web ou exportées sous forme de fichiers PDF. De plus, la source de la présentation étant du texte, il est facile de la gérer avec un système de contrôle de version.

Il semble également possible de créer du matériel de présentation au format Markdown.

Références

Utiliser des balises HTML dans HUGO

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

Par défaut, HUGO n’autorise pas l’utilisation de balises HTML dans les articles, mais vous pouvez l’activer en ajoutant la description suivante au config.toml.

1
2


[markup.goldmark.renderer]
 unsafe = true