Components
Posted on July 21, 2023 • 1 min read • 140 wordsUse shortcodes to add predefined components powered by external libraries.
Hinode provides several shortcodes on top of the common Bootstrap elements. Refer to the official documentation for more details.
Formula (KaTeX)
As an example, the following markdown renders two formulas using the KaTeX typesetting library.
This is an inline $-b \pm \sqrt{b^2 - 4ac} \over 2a$ formula
This is not an inline formula:
$$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$$
markdown
This is an inline $-b \pm \sqrt{b^2 - 4ac} \over 2a$ formula
This is not an inline formula:
$$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$$Map
As an example, the following shortcode displays an interactive map of the city of Amsterdam.
markdown
{{< map lat=52.377 long=4.90 zoom=13 popup="Amsterdam Central Station" popup-lat=52.378062 popup-long=4.900562 >}}