Skip to main content
  1. Samples/

Mathematical notation

1 min· loading · loading · ·
sample katex maths shortcodes
Blowfish
Author
Blowfish
A powerful, lightweight theme for Hugo built with Tailwind CSS.
Table of Contents

KaTeX can be used to render mathematical notation within articles.

Blowfish will only bundle the KaTeX assets into your project if you make use of mathematical notation. In order for this to work, simply include the katex shortcode within the article. Example below:

{{< katex >}}

Any KaTeX syntax on that page will then be automatically rendered. Use the online reference of supported TeX functions for the available syntax.

Inline notation
#

Inline notation can be generated by wrapping the expression in \\( and \\) delimiters.

Example:

% KaTeX inline notation
Inline notation: \\(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\\)

Inline notation: \(\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…\)

Block notation
#

Alternatively, block notation can be generated using $$ delimiters. This will output the expression in its own HTML block.

Example:

% KaTeX block notation
$$
 \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } }
$$

$$ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } $$

Related

Charts
1 min· loading · loading
chart sample graph shortcodes
Diagrams and Flowcharts
2 mins· loading · loading
mermaid sample diagram shortcodes
Emoji 🪂
1 min· loading · loading
emoji sample