Skip to main content
  1. Samples/

Mathematical notation

1 min·
sample katex maths shortcodes
Blowfish
Author
Blowfish
A powerful, lightweight theme for Hugo.
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
chart sample graph shortcodes
Diagrams and Flowcharts
2 mins
mermaid sample diagram shortcodes
Emoji 🪂
1 min
emoji sample
Shortcodes
16 mins
shortcodes mermaid icon lead docs