📜  MathJax 简介(1)

📅  最后修改于: 2023-12-03 15:32:50.552000             🧑  作者: Mango

MathJax 简介

如果你想在你的网站或博客中使用高质量的数学表达式,在线学习,进行学术研究或其他数学应用,那么MathJax是一个非常强大的工具,它可以很方便地把LaTeX和MathML转换为网页上的高品质数学公式。MathJax具有在现代Web浏览器中优美地呈现数学,包括可缩放的矢量图形、动画符号、交互式功能、并支持手写笔记的能力。

MathJax 的语法
LaTeX

LaTeX是一个强大的排版系统,被广泛使用来排版学术文档。MathJax支持使用LaTeX书写公式。例如,

$$\frac{n!}{k!(n-k)!} = \binom{n}{k}$$
MathML

MathML是一种基于XML的标记语言,用于描述数学表达式。例如,

<math xmlns="http://www.w3.org/1998/Math/MathML">
  <mfrac>
    <mfenced open="[" close="]">
      <mrow>
        <mn>1</mn>
        <mo>,</mo>
        <mn>2</mn>
        <mo>,</mo>
        <mo>...</mo>
        <mo>,</mo>
        <mn>n</mn>
      </mrow>
    </mfenced>
    <mfenced open="(" close=")">
      <mrow>
        <mn>k</mn>
      </mrow>
    </mfenced>
  </mfrac>
</math>
MathJax 的使用

你可以通过以下方式在你的网站或博客中使用MathJax:

直接使用CDN

在你的网站或博客的head标签中添加以下代码:

<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>
作为模块引入

如果你使用模块系统,可以使用npm安装MathJax并import它。

npm install mathjax-full
import 'mathjax-full/es5/tex-chtml.js';

当然,你也可以使用其他可选的输出格式,如SVG、NativeMML等,可以在配置中更改。

MathJax 的配置

你可以通过配置文件来自定义MathJax,以适应不同的需求。例如,默认的config是MathJax.js?config=TeX-AMS_HTML,将TeX语法转换为HTML,然后使用AMS的LaTeX公式处理,也就是说,它会包含AMS-LaTeX插件中的大部分功能。如果只需要渲染一些简单的公式,可以配置成更轻量的信息。

结论

MathJax是一个非常强大的工具,可以让你在你的网站或博客中使用高品质的数学公式,而不需要太多的设置和调整。它支持LaTeX和MathML语法,同时也具有高度的可定制性,是数学爱好者和学术工作者不可或缺的工具之一。