標簽（空格分隔）： WEB

MathJax 簡介

MathJax是一款運行在瀏覽器中的開源的數(shù)學符號渲染引擎明棍，使用 MathJax 可以方便的在瀏覽器中顯示數(shù)學公式寇僧，不需要使用圖片。目前兴蒸，MathJax 可以解析 Latex细办、MathML 和 ASCIIMathML 的標記語言。

MathJax 下載

下載地址

引入 MathJax

<script type="text/javascript" src="../c01/MathJax/MathJax.js?config=MML_HTMLorMML-full"></script>

MathJax 配置

MathJax.Hub.Config({

    showProcessingMessages: false, //關閉js加載過程信息
    messageStyle: "none", //不顯示信息
    extensions: ["tex2jax.js"],
    jax: ["input/TeX", "output/HTML-CSS"],
    tex2jax: {
        inlineMath:  [ ["$", "$"] ], //行內(nèi)公式選擇$
        displayMath: [ ["$$","$$"] ], //段內(nèi)公式選擇$$
        skipTags: ['script', 'noscript', 'style', 'textarea', 'pre','code','a'], //避開某些標簽
        ignoreClass:"comment-content" //避開含該Class的標簽
    },
    "HTML-CSS": {
        availableFonts: ["STIX","TeX"], //可選字體
        showMathMenu: false //關閉右擊菜單顯示
        

    },
    menuSettings: {
        inTabOrder: false,//取消Tab建
        // zoom: "Click",//點擊放大


    },
   

});

MathJax.Hub.Queue(["Typeset",MathJax.Hub]);

識別公式

例如：

例子一

\begin{align}
\sqrt{37} & = \sqrt{\frac{73^2-1}{122}} \
& = \sqrt{\frac{73^2}{122}\cdot\frac{73^2-1}{732}} \
& = \sqrt{\frac{73^2}{122}}\sqrt{\frac{73^2-1}{732}} \
& = \frac{73}{12}\sqrt{1 - \frac{1}{73^2}} \
& \approx \frac{73}{12}\left(1 - \frac{1}{2\cdot73^2}\right)
\end{align}

\begin{align}
\sqrt{37} & = \sqrt{\frac{73^2-1}{12^2}} \\
 & = \sqrt{\frac{73^2}{12^2}\cdot\frac{73^2-1}{73^2}} \\ 
 & = \sqrt{\frac{73^2}{12^2}}\sqrt{\frac{73^2-1}{73^2}} \\
 & = \frac{73}{12}\sqrt{1 - \frac{1}{73^2}} \\ 
& \approx \frac{73}{12}\left(1 - \frac{1}{2\cdot73^2}\right)
\end{align}

例子二

$(ax^2 + bx + c = 0)$

(ax^2 + bx + c = 0)

例子三(建議使用)

行內(nèi)使用不用寫 display 單獨居中顯示使用display="block"

<math xmlns="http://www.w3.org/1998/Math/MathML" display="block">
  <mi>x</mi>
  <mo>=</mo>
  <mrow class="MJX-TeXAtom-ORD">
    <mfrac>
      <mrow>
        <mo>?<!-- ? --></mo>
        <mi>b</mi>
        <mo>±<!-- ± --></mo>
        <msqrt>
          <msup>
            <mi>b</mi>
            <mn>2</mn>
          </msup>
          <mo>?<!-- ? --></mo>
          <mn>4</mn>
          <mi>a</mi>
          <mi>c</mi>
        </msqrt>
      </mrow>
      <mrow>
        <mn>2</mn>
        <mi>a</mi>
      </mrow>
    </mfrac>
  </mrow>
</math>

$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}$$

輔助工具

• MathType
• Web Equation – 在線手繪數(shù)學公式

小竅門

math 標簽可以通過 生成工具導出
復制到到 HTML 頁面中
安裝了 MathType 的同學茴肥，可以雙擊 world 里的彈出，MathType 的窗口炉爆。

MathType 設置

cmd-markdown-logo

參考資料

https://www.mathjax.org/
https://segmentfault.com/a/1190000008317350