MathJax 不处理乳胶环境

Posted

技术标签:

【中文标题】MathJax 不处理乳胶环境【英文标题】:MathJax not processing latex environments 【发布时间】:2022-01-17 05:54:37 【问题描述】:

我正在 blogspot 上写一篇博文。这是我在主题的 html 文件中的 MathJax 配置。

<script defer='defer' id='MathJax-script' src='https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js' type='text/javascript'/>
<script>
window.MathJax = 
  tex: 
    loader: load: [&#39;[tex]/ams&#39;],
    inlineMath: [ [&#39;$&#39;,&#39;$&#39;],[&#39;\\(&#39;,&#39;\\)&#39;] ],
    displayMath: [ [&#39;$$&#39;,&#39;$$&#39;], [&#39;\\[&#39;,&#39;\\]&#39;] ],
    processEscapes: true,      
    processEnvironments: true, 
    processRefs: true,
    packages: 
        &#39;[+]&#39;: [&#39;ams&#39;]
    ,
  ,
;
</script>

这是我使用 amsmath align 环境的尝试。

...
By linearity of expectation 

\beginalign
    \mathbbE[I_r] & \leq  |I_r-1|+\sum_u\in \overlineI_r-1\setminus \v_r-1\\mathbbE[X_u,r]+1\\
        & \leq |I_r-1| + c_2k(|\overlineI_r-1|-1)|I_r-1|/n^2+1\\
        & \leq |I_r-1|\cdot(1+c_2k/n) + 1\\
\endalign
...

但是,在预览我的页面时,它只是按字面意思呈现文本,而不进行 MathJax 处理。我该如何解决这个问题?

【问题讨论】:

【参考方案1】:

这非常有效。希望它对你有用。

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <script>
    MathJax = 
        tex: 
            inlineMath: [
                ['$', '$'],
                ['\\(', '\\)']
            ]
        ,
        svg: 
            fontCache: 'global'
        
    ;
    </script>
    <script type="text/javascript" id="MathJax-script" async
        src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js">
    </script>
</head>

<body>

    <div class="math">
        \beginalign
        \mathbbE[I_r] & \leq |I_r-1|+\sum_u\in \overlineI_r-1\setminus \v_r-1\\mathbbE[X_u,r]+1\\
        & \leq |I_r-1| + c_2k(|\overlineI_r-1|-1)|I_r-1|/n^2+1\\
        & \leq |I_r-1|\cdot(1+c_2k/n) + 1\\
        \endalign
    </div>

</body>

<script>
const
    math = document.querySelector('.math')

MathJax.typeset();
</script>

</html>

【讨论】:

以上是关于MathJax 不处理乳胶环境的主要内容,如果未能解决你的问题,请参考以下文章

从 jQuery 对 Mathjax 排版函数的第二次调用不起作用

react + mathjax 公式渲染

mathJax基础语法-0基础开始,(这是网上抄来的如果有权限和版权问题联系本人处理,仅供学术参考)

MathJax基本的使用方式

在Hexo中渲染MathJax数学公式

hexo支持mathjax