1.7 KiB
author, title, slug, date, description, tags, thumbnail, modules
| author | title | slug | date | description | tags | thumbnail | modules | |||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Mark Dumay | Composents | composents | 2023-07-21 | Utilisez des shortcodes pour ajouter des composants prédéfinis alimentés par des bibliothèques externes. |
|
|
|
Hinode propose plusieurs shortcodes en plus des [éléments Bootstrap]({{< relref "bootstrap-elements" >}}) courants. Consultez la [documentation officielle]({{< param "links.hinode_docs" >}}) pour plus de détails.
Animation
À titre d'exemple, le shortcode suivant affiche une animation qui se déclenche au survol.
{{< example lang="hugo" >}} {{</* animation data="gatin.json" auto=false hover=true class="col-6 mx-auto" */>}} {{< /example >}}
Formule (KaTeX)
À titre d'exemple, le markdown suivant affiche deux formules en utilisant la bibliothèque de composition typographique KaTeX.
{{< example lang="markdown" >}}
Voici une formule en ligne -b \pm \sqrt{b^2 - 4ac} \over 2a.
Il s'agit d'une formule non en ligne:
x = a_0 + \frac{1}{a_1 + \frac{1}{a_2 + \frac{1}{a_3 + a_4}}}
\forall x \in X, \quad \exists y \leq \epsilon
{{< /example >}}
Map
À titre d'exemple, le shortcode suivant affiche une carte interactive de la ville d'Amsterdam.
{{< example lang="hugo" >}} {{</* map lat=52.377 long=4.90 zoom=13 popup="Gare centrale d'Amsterdam" popup-lat=52.378062 popup-long=4.900562 */>}} {{< /example >}}