mirror of
https://github.com/gethinode/hinode.git
synced 2025-10-17 15:03:20 +00:00
1.3 KiB
1.3 KiB
author, title, slug, date, description, tags, thumbnail, photoCredits, photoSource, modules
| author | title | slug | date | description | tags | thumbnail | photoCredits | photoSource | modules | ||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Mark Dumay | Componenten | componenten | 2023-07-21 | Gebruik shortcodes om voorgedefiniëerde componenten toe te voegen die gebruikmaken van externe libraries. |
|
img/puzzle.jpg | <a href="https://unsplash.com/@ryoji__iwata">Ryoji Iwata</a> | <a href="https://unsplash.com/photos/5siQcvSxCP8">Unsplash</a> |
|
Hinode biedt meerdere shortcodes aan bovenop de gebruikelijke [Bootstrap elementen]({{< relref "bootstrap-elements" >}}). Zie de [officiële documentatie]({{< param "links.hinode_docs" >}}) voor meer details.
Formule (KaTeX)
De volgende markdown code genereert twee wiskundige formules met behulp van KaTeX.
{{< example lang="markdown" >}}
Dit is een inline -b \pm \sqrt{b^2 - 4ac} \over 2a formule
Dit is geen inline formule:
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
De volgende shortcode toont een interactieve kaart van Amsterdam.
{{< example lang="hugo" >}} {{</* map lat=52.377 long=4.90 zoom=13 popup="Amsterdam CS" popup-lat=52.378062 popup-long=4.900562 */>}} {{< /example >}}