Multiline equations with `align` are not displayed correctly

[giovanniberti]

What happened?

Hi! Thank you for the awesome theme :)

I think I found a bug when layouting multiline equations with the align* environment.

For example with this Markdown:

$$
\begin{align*}
2x + 1 &= 0 \\
2x + 1 &= 0 
\end{align*}
$$

I get this:

While from KaTeX I get this:

Hugo version

hugo v0.116.1+extended

Theme version

3.19.0

What browsers are you seeing the problem on?

Firefox, Chrome

More information about the browser

Linux, Firefox 116, Chrome 109, Not tested on other browsers

Relevant log output

No response

Link to Minimal Reproducible Example

https://github.com/giovanniberti/hugo-theme-stack/tree/align-bug

[giovanniberti]

Btw, with the following raw shortcode

{{ .Inner }}

and Markdown

{{< raw >}}
$$
\begin{align*}
2x + 1 &= 0 \\
2x + 1 &= 0 
\end{align*}
$$
{{< /raw >}}

I managed to get the desired result. Would be nice to not to use a workaround though :)

[CaiJimmy]

The reason is because Markdown is escaping backslash.

Instead of \\, use \\\\.

Your shortcode works because {{< >}} skips Markdown rendering: