I use markdown_it to convert my Markdown to html, the converted formula lost its delimiters, which caused my mathjax cannot render the formula, my mathjax confirmation is :
<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>
<script type="text/javascript">
var MathJax = {
tex: {
inlineMath: [ ["\\(","\\)"] ],
displayMath: [ ["\\[","\\]"] ],
processEscapes: true,
processEnvironments: true
},
options: {
ignoreHtmlClass: ".*|",
processHtmlClass: "math"
}
};
</script>
The HTML:
<p>a rational number like <span class="math inline">\begin{matrix} L & \ = \{ x \mid x \in \mathbb{Q},x \leq 0\} \cup \left\{ x \mid x \in \mathbb{Q},x > 0,x^{2} < 2 \right\} \\ U & \ = \mathbb{Q} - L = \left\{ x \mid x \in \mathbb{Q},x > 0,x^{2} > 2 \right\} \\ \end{matrix}</span> .<br /> 2. A fact between two Dedekind cuts(the density of <span class="math inline">Q</span> in <span class="math inline">R</span>): For any pair of real numbers <span class="math inline">\alpha</span> and <span class="math inline">\beta</span>, where <span class="math inline">\alpha > \beta</span>, there can always be found a real, and even in particular a rational, number <span class="math inline">r</span> which lies between them, i.e. <span class="math inline">\alpha > r > \beta</span> (and, consequently, an infinite set of such rational numbers).</p>The demo:https://jsbin.com/qecewiz/edit?html,output
--