issue146:c_c
Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentesRévision précédente | |||
issue146:c_c [2019/07/12 12:15] – auntiee | issue146:c_c [2019/07/12 13:59] (Version actuelle) – andre_domenech | ||
---|---|---|---|
Ligne 29: | Ligne 29: | ||
Les quelques premières étapes pour l' | Les quelques premières étapes pour l' | ||
••Installer git | ••Installer git | ||
- | ••Installer hugo (vous avez des chances de trouver une version dans vos dépôts locaux | + | ••Installer hugo (vous avez des chances de trouver une version dans vos dépôts locaux |
••Lancer : hugo new site nom-de-la-présentation | ••Lancer : hugo new site nom-de-la-présentation | ||
••Ensuite, | ••Ensuite, | ||
Ligne 99: | Ligne 99: | ||
Usage: {{<image file Resize 400x >}} (notez l' | Usage: {{<image file Resize 400x >}} (notez l' | ||
- | Le fichier image devra être dans le même niveau de dossier de contenu que le fichier du markdown | + | Le fichier image devra être dans le même niveau de dossier de contenu que le fichier du markdown, vous appelez le « shortcode » à partir de là. |
**Syntax | **Syntax | ||
Ligne 121: | Ligne 121: | ||
hugo-reveal met quelques fonctionnalités de Reveal.js derrière des shortcodes et ils sont comme ceci : | hugo-reveal met quelques fonctionnalités de Reveal.js derrière des shortcodes et ils sont comme ceci : | ||
- | {{% fragment %>}}Le Markdown se place ici{{% /fragment %}} - Vous permet de passer des fragments un par un (par ex., pour dévoiler une liste point par point) | + | {{% fragment %>}}Le Markdown se place ici{{% /fragment %}} - Vous permet de passer des fragments un par un (par ex., pour dévoiler une liste point par point). |
- | {{% note %}}Le texte se place ici{{% /note %}} - Crée une note pour l' | + | {{% note %}}Le texte se place ici{{% /note %}} - Crée une note pour l' |
{{% section %}}Les diapos vont ici{{% section %}} - Crée une série de diapos verticales. | {{% section %}}Les diapos vont ici{{% section %}} - Crée une série de diapos verticales. | ||
Ligne 131: | Ligne 131: | ||
~~~ - Commence/ | ~~~ - Commence/ | ||
- | Pour tous ceux qui se demandent quelle est la différence entre « {{%%}} » and « {{<> | + | Pour tous ceux qui se demandent quelle est la différence entre « {{%%}} » et « {{<> |
**Running the slideshow | **Running the slideshow | ||
Ligne 157: | Ligne 157: | ||
Partager votre présentation | Partager votre présentation | ||
- | Une fois la présentation faite, vous pourriez vouloir rendre disponible la présentation pour que chacun la regarde, ou l' | + | Une fois la présentation faite, vous pourriez vouloir rendre disponible la présentation pour que chacun la regarde, ou l' |
**Conclusion | **Conclusion | ||
Ligne 165: | Ligne 165: | ||
Conclusion | Conclusion | ||
- | Avec un peu de chance, cet article a suffisamment montré pourquoi Reveal.JS serait une solution valable pour créer des présentations pleines de code. Si vous l'avez déjà utilisé, n' | + | Avec un peu de chance, cet article a suffisamment montré pourquoi Reveal.JS serait une solution valable pour créer des présentations pleines de code. Si vous l'avez déjà utilisé, n' |
issue146/c_c.txt · Dernière modification : 2019/07/12 13:59 de andre_domenech