Motif uses $\KaTeX$ to render mathematical equations in the browser. In order to enable it in your project, the Katex stylesheet needs to be added to your pages. This is done by including the following to your motif.json config's head section (to access it, open search using and type motif.json):

{
  "head": [
    "<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/katex@0.13.11/dist/katex.min.css' crossorigin='anonymous' />",
    "..."
  ]
}

Inline equations

Inline equations are delimited by a single $ sign:

An inline equation: $i = \sqrt{-1}$.

Standalone equations

Standalone equations are delimited by two $ signs:

$$
\int_0^\infty \frac{\sin x}{x} dx = \frac{\pi}{2}
$$