MathJax无法编译\begin/end类环境命令的问题求助

我最近在Blogger上开了个博客，主要写一些数学小知识点。为了能在博客里渲染LaTeX公式，我查了资料后给博客的HTML里加了一段MathJax的配置代码，一开始看着好像一切正常，结果没多久就发现不对劲——所有带\begin{...}...\end{...}格式的公式命令都没法正常编译，比如\begin{equation}、\begin{cases}、\begin{bmatrix}这些环境全都不管用，但$$...$$或者\[...\]这种格式的公式却能正常显示。

我一开始加的代码是这样的：

<script src='https://polyfill.io/v3/polyfill.min.js?features=es6'/>
<script async='async' id='MathJax-script' src='https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js' type='text/javascript'/>
<script>
window.MathJax = {
  tex: {
    inlineMath: [ [&#39;$&#39;,&#39;$&#39;],[&#39;\(&#39;,&#39;\)&#39;] ],
    displayMath: [ [&#39;$$&#39;,&#39;$$&#39;], [&#39;\[&#39;,&#39;\]&#39;] ],
    processEscapes: true,      
    processEnvironments: true, 
    processRefs: true       
  },
  options: {
   ignoreHtmlClass: &#39;tex2jax_ignore|editor-rich-text&#39;
  }
};
</script>

我本来还勉强凑合用，直到后来发现连$$\begin{cases}...\end{cases}$$、$$\begin{bmatrix}...\end{bmatrix}$$这种混合格式的公式也失效了，才意识到问题有点严重。我自己试了各种能想到的“笨办法”都没解决，感觉问题可能出在我没搞懂的地方，毕竟我对技术这块不算太懂，说不定就是我哪里犯了低级错误，真心希望有人能帮我看看！

之前我在别的帖子里看到有人建议把代码里的&#39都换成单引号'，结果每次保存的时候，Blogger的自动保存功能都会把代码改成下面这样，反而弄出新问题——现在只有$$...$$能正常渲染，连$...$格式的行内公式都用不了了：

<script async='async' id='MathJax-script' src='https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js' type='text/javascript'/>
<script>
window.MathJax = {
  tex: {
    inlineMath: [ [&#39;;$&#39;;,&#39;;$&#39;;],[&#39;;\(&#39;;,&#39;;\)&#39;;] ],
    displayMath: [ [&#39;;$$&#39;;,&#39;;$$&#39;;], [&#39;;\[&#39;;,&#39;;\]&#39;;] ],
    processEscapes: true,      
    processEnvironments: true, 
    processRefs: true       
  },
  options: {
   ignoreHtmlClass: &#39;;tex2jax_ignore|editor-rich-text&#39;;
  }
};
</script>

这里是我博客HTML开头几行的截图，说不定能帮着排查问题：

备注：内容来源于stack exchange，提问作者Sayan Dutta