How are Math equations rendered here?

Assumed Audience: 11ty users

I wanted a way to add LaTeX support to my posts, and essays. For some reason, integrating Katex with 11ty wasn’t as intuitive as I had previously expected. So I ended up going with MathJax.
Mathjax is a javascript library that supports and renders Math equations in all browswers. To use it, add this within your html <head> tag;

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async
src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
</script



Then go ahead and write the equation as required like:


<p>
When $$a \ne 0$$, there are two solutions to $$ax^2 + bx + c = 0$$ and they are
$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$
</p>



Turns into:

When $$a \ne 0$$, there are two solutions to $$ax^2 + bx + c = 0$$ and they are $x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$

and the Curl of a Vector Field:

$$\vec{\nabla} \times \vec{F} = \left( \frac{\partial F_z}{\partial y} - \frac{\partial F_y}{\partial z} \right) \mathbf{i} + \left( \frac{\partial F_x}{\partial z} - \frac{\partial F_z}{\partial x} \right) \mathbf{j} + \left( \frac{\partial F_y}{\partial x} - \frac{\partial F_x}{\partial y} \right) \mathbf{k}$$

Later :)