You'll need to add the following lines in your layout (and discard KaTeX ones if there are any to avoid clashes):
<script>
MathJax = {
tex: {
inlineMath: [['\\(', '\\)']],
tags: 'all'
},
svg: {fontCache: 'global'}
};
</script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script>
fix references
environments with *
should be ignored by Franklin and left to MathJax
...
When \(a \neq 0\), there are two solutions to \(ax^2+bx+c=0\) and they are
\[ x = {-b \pm \sqrt{b^2-4ac} \over 2a} \]Finally, while display equations look good for a page of samples, the ability to mix math and text in a paragraph is also important. This expression \(\sqrt{3x-1}+(1+x)^2\) is an example of an inline equation. As you see, MathJax equations can be used this way as well, without unduly disturbing the spacing between lines.
Here's one using the equation environment:
\[\begin{equation} x+1\over\sqrt{1-x^2} \end{equation}\]and one with equation* environment:
\[\begin{equation*} x+1\over\sqrt{1-x^2} \end{equation*}\]This is a forward reference (9) for the following equation:
\[x+1\over\sqrt{1-x^2}\]More math:
\[x+1\over\sqrt{1-x^2}\]