因为很多用户询问此项目如何构建，所以push了1.64版本未编译的工程源码。 源码可供感兴趣的朋友交流指正，但不一定适合直接构建运行，原因是较多资源结构和环境是直接搭建在公有云上的，工程文件只是引入并耦合之，无法整体打包。 如果希望自己测试运行该网站的朋友，可以用自己的主机或云搭建服务器接口环境进行部署进行测试（自己填写相应配置文件即可）。

LaTeX（常被读作/ˈlɑːtɛk/或/ˈleɪtɛk/，正确读音:/ˈlɑːtɛx/音译：拉泰赫，写作 $\LaTeX$），是一种基于TeX的排版系统，由美国计算机科学家莱斯利·兰伯特在20世纪80年代初期开发。 MathJax是一个跨浏览器的JavaScript库，它使用MathML、LaTeX和ASCIIMathML标记在Web浏览器中显示数学符号。 本页面是基于MathJax实现的便捷LaTeX公式编辑器，支持导出SVG矢量图、高清PNG位图、MathML代码以及SVGCode，并且可根据需要自定义加载TeX扩展包，实现功能拓展。

在本页面输入框中输入的公式不用放在<math>与</math>，或$与$之间，直接输入相关LaTeX代码即可。

在输出框您可以看到即时渲染出来效果，方便进行代码修改。

以下字符在LaTeX环境中是保留字符，它们具有特殊含义，只可以特定语法中起作用，所以并不能在输入框中直接输入它们（会报错或者不会渲染）

# % ^ & _ { } ~ \

如您因其他原因需要直接显示它们，请在其前面加入\ 反斜杠或其它转义符。

\# \% ^\wedge \& \_ \{ \} \sim \backslash

$$ # % ^\wedge & _ { } \sim \backslash $$ 关于LaTeX代码部分请参考下一章节。

**注意：**本页面不支持文档编辑环境，因此不支持调用\begin{document}等相关命令，默认即为数学环境，可直接输入数学公式。

本页面采用MathJax-tex-svg显示数学符号，支持四种格式导出。

SVG全称Scalable Vector Graphics（可缩放矢量图形），是一种基于可扩展标记语言（XML），用于描述二维矢量图形的图形格式，标准由W3C制定，是一个开放标准。

我们可以简单理解为，SVG是一种与图像分辨率无关的矢量格式的拓展名，因此SVG文件可以直接拖入AI、PS等绘图软件中进行相应编辑、修改，以满足任意尺寸需求。

PNG全称Portable Network Graphics（便携式网络图形），是一种无损压缩的位图图形格式。

因此PNG与图像分辨率有关，本页面导出的PNG分辨率为4K标准（3840x2160），也可以满足绝大部分的文档需求。

MathML全称Mathematical Markup Language（数学标记语言），是一种基于可扩展标记语言（XML）的标准，用来描述数学符号和公式。现已获得HTML5和大部分办公软件与数学软件的支持，例如Microsoft Office、LibreOffice、Mathematica、Maple等，这意味着，您只需将MathML代码复制进Microsoft Word当中，便会自动转换成Word支持的LaTeX公式，并可进行相应后续编辑。

SVGCode即是一个SVG文件的全部代码，此支持HTML环境。

注意: MathJax支持的大写希腊字母有限，如需其他（如大写Alpha），可使用罗马体转换，如\mathrm{A}表示大写Alpha：$\mathrm{A}$。

类型	样式	LaTeX
分数 Fractions	$\frac{2}{4}x=0.5x$	\frac{2}{4}x=0.5x or {2 \over 4}x=0.5x
小型分数 Small fractions (force \textstyle)	$\tfrac{2}{4}x = 0.5x$	\tfrac{2}{4}x = 0.5x
大型分数（不嵌套） Large (normal) fractions (force \displaystyle)	$\dfrac{2}{4} = 0.5 \qquad \dfrac{2}{c + \dfrac{2}{d + \dfrac{2}{4}}} = a$	\dfrac{2}{4} = 0.5 \qquad \dfrac{2}{c + \dfrac{2}{d + \dfrac{2}{4}}} = a
大型分数（嵌套） Large (nested) fractions	$\cfrac{2}{c + \cfrac{2}{d + \cfrac{2}{4}}} = a$	\cfrac{2}{c + \cfrac{2}{d + \cfrac{2}{4}}} = a
约分线的使用 Cancellations in fractions		\cfrac{x}{1 + \cfrac{\cancel{y}}{\cancel{y}}} = \cfrac{x}{2}

注意： 其中\cancel命令需要cancel扩展包支持，cancel扩展包是一款自定义宏包，如需使用请在公式页面右上角【设置】处勾选后使用。

**注意：**LaTeX和MathJax支持的操作符有限，如有特殊操作符，可以使用\operatorname{} 命令自定义，例如

\operatorname{mydefine}x

$$ \operatorname{mydefine}x $$

**注意：**积分符号可以使用\int_{}^{}命令调用，如需双重积分符号只需将int替换成iint即可，以此类推，最高支持四重。曲线积分可使用\oint命令调用，但曲面积分符号在MathJax环境中并不支持\oiint的用法，但仍可通过\unicode{}命令，即Unicode代码的方式进行调用（前提是您需要在设置中打开Unicode扩展），具体使用方法如下：

\unicode{8751}  \unicode{x222F}_C %曲面积分符号的Unicode码十进制为8751,十六进制为x222F(注意x标识符)

\unicode{8752}  \unicode{x2230}_C %三维曲面积分符号的Unicode码十进制为8752,十六进制为x2230

其他积分符号：

\unicode{8753} \unicode{x2231}_c
\unicode{8754} \unicode{x2232}_c
\unicode{8755} \unicode{x2233}_c

常用的括号符号例如( )[ ]{ }……这些也可以在输入环境中直接使用：

2(x+y)=z

$$ 2(x+y)=z $$

但如果是在较大的表达式中这些符号就显得不合适了

( \frac{\pi}{2} )^n

$$ ( \frac{\pi}{2} )^n $$

正确用法应配合\left和\right命令使用。

\left ( \frac{\pi}{2} \right )^n

$$ \left ( \frac{\pi}{2} \right )^n $$

具体可参考下表。

MathJax能够自动处理大多数空格间距的大小，但如果您需要自己控制，可参考下表。

序号 | 样式 | LaTeX | 中文说明英文说明 :----: | :----: | :---- | :---- | :---- 1 | $a \qquad b$ | a \qquad b | 双空格 | double quad space 2 | $a \quad b$ | a \quad b | 单空格 | quad space 3 | $a\ b$ | a\ b | 字符空格 | text space 4 | $a \text{ } b$ | a \text{ } b | 文本模式中的字符空格 | text space in text mode 5 | $a;b$ | a;b | 大空格 | large space 6 | $a,b$ | a,b | 小空格 | small space 7 | $ab$ | ab | 极小空格(用于乘因子) | tiny space (use for multiplication of factors) 8 | $a b$ | a b | 极小空格(用于区分其它语法) | tiny space (syntax space ignored) 9 | $\mathit{ab}$ | \mathit{ab} | 没有空格(用于多字母变量) | no space (use for multi-letter variables) 10 | $a!b$ | a!b | 负空格 | small negative space

在MathJax3.0中取消了使用\\进行强制换行的功能，因此本页面也采取同样的逻辑，默认为单行公式环境。\\强制换行命令只在支持多行编辑的数学环境中才起作用，如eqnarray环境、align环境、array环境、matrix环境等等。如您需要显示多行公式，请在此类环境中输入公式，具体用法参见章节[2.10](#2.10 LaTeX环境 LaTeX environments)。

在公式中可以使用\color{options}{math}来调用颜色命令，第一个参数为颜色，第二个参数为公式或文本内容。例如:

{\color{Blue}x^2}+{\color{Orange}2x}-{\color{LimeGreen}1}

$$ {\color{Blue}x^2}+{\color{Orange}2x}-{\color{LimeGreen}1} $$

x_{1,2}=\frac{{\color{Blue}-b}\pm\sqrt{\color{Red}b^2-4ac}}{\color{Green}2a }

$$ x_{1,2}=\frac{{\color{Blue}-b}\pm\sqrt{\color{Red}b^2-4ac}}{\color{Green}2a } $$

注意： 使用\color命令时，请将需要设置颜色的部分用{ }整体扩住，以表明\color函数作用范围。

在文本环境中可以使用\colorbox{options}{text}来调用背景颜色命令，第一个参数为颜色，第二个颜色为文本内容。例如：

\colorbox{yellow}{Thistext}

$$ \colorbox{yellow}{text} $$

注意： 若需要在数学环境中使用\colorbox{}{}，请在第二个参数内加入$\displaystyle + 公式$，例如：

\colorbox{yellow}{$\displaystyle \frac{a}{b}$}`

$$ \colorbox{yellow}{$\displaystyle \frac{a}{b}$} $$

或者您可以使用 Bbox扩展 来替换\colorbox命令，详见下条2.7.3。

Bbox扩展是一款自定义宏包，如需使用请在公式页面右上角【设置】处勾选后使用。 具体用法如下：

在公式中可以使用\bbox[options]{math}来调用背景颜色命令，第一个参数为颜色或大小，需注意用[ ]包围，第二个参数为公式。例如:

\bbox[red]{x+y}

默认情况下，背景大小为作用范围的最大边界，如需扩大背景，可在第一个参数中加入大小信息，例如：

\bbox[2pt]{x+y}  %设置透明背景，并增加2pt额外距离

\bbox[red,5pt]{x+y}  %设置红色背景，并增加5pt额外距离

如需在\color命令中使用自选RGB颜色，可使用{\color[RGB]{0,0,0} } 命令，例如：

{\color[RGB]{0,200,0} e^{i \pi} + 1 = 0} 

$$ {\color[RGB]{0,200,0} e^{i \pi} + 1 = 0} $$

可使用\definecolor命令进行自定义颜色，例如：

\definecolor{mygreen}{RGB}{0,200,0} {\color{mygreen}e^{i \pi} + 1 = 0 } 

$$ \definecolor{mygreen}{RGB}{0,200,0} {\color{mygreen}e^{i \pi} + 1 = 0 } $$

如您需要替换公式内容的字体，可以点击工具栏下方的**【字体】**按钮进行相关操作。因有一些特定代码Mathjax3.0并没有相关支持，所以下表仅做参考。

注意：如您导出SVG格式，理论上字体的整体大小并无用处，因为SVG为矢量图，所以大可不必担心图片不清晰的问题，即便是您选择下载PNG格式的公式图片，图片整体尺寸也被默认设定为4K。所以此处的字号命令只为设置公式相对大小时使用，例如：

{\tiny x+y=z}x+y=z{\Huge x+y=z}

$$ {\tiny x+y=z}x+y=z{\Huge x+y=z} $$

本页面可采用开启AMS宏包的方式获得方程自动编号，AMS拓展包的具体开启方式请参考2.11.4。

默认自动编号只在部分环境中起作用，如{equation}、{eqnarray}等，例如：

在AMS包开启状态下，会在公式后进行自动编号：

\begin{eqnarray}
E = mc^2 \\
e^{i\pi}+1=0 
\end{eqnarray}

$$ \begin{eqnarray} E = mc^2 \tag{1}\ e^{i\pi}+1=0 \tag{2} \end{eqnarray} $$ 如您在开启了AMS包状态下，全部公式均不希望出现编号，可使用{equation*}、或者{eqnarray*}环境，如：

\begin{eqnarray*}
E = mc^2 \\
e^{i\pi}+1=0 
\end{eqnarray*}

$$ \begin{eqnarray*} E = mc^2 \\ e^{i\pi}+1=0 \end{eqnarray*} $$

如您在开启了AMS包状态下，个别公式不希望出现编号，或者个别公式希望出现特有编号，可在公式后面使用\tag{}或者\notag命令，如：

\begin{eqnarray}
E = mc^2 \notag\\
e^{i\pi}+1=0 \tag{b}
\end{eqnarray}

$$ \begin{eqnarray} E = mc^2 \notag\\ e^{i\pi}+1=0 \tag{b} \end{eqnarray} $$

环境通常是对代码段的整体描述，用于表达此段代码的角色，如，是矩阵？单行公式？多行公式？还是对齐公式等（本页面不支持文档环境），不同的环境起到的作用不同。以\begin{environments}开始，\end{environments}结束。如最常用的矩阵命令，也是环境的一种，用法如下：

\begin{bmatrix}
1 & 0 \\
0 & 1
\end{bmatrix}

$$ \begin{bmatrix} 1 & 0 \ 0 & 1 \end{bmatrix} $$ 具体矩阵用法可参考章节[2.4](#2.4 矩阵与多行列式 Matrices & Multilines)，下面给出几种其它常用环境的具体用法：

\begin{equation}是单行公式环境，这意味着在此环境中只可以输入单行公式，同时\\等强制换行命令失效。如需对单行长公式进行强制换行，可使用\begin{split}环境进行嵌套，并用&字符表示对齐位置，如：

\begin{equation}
\begin{split}
 e ^ { x } = & 1 + \frac { x } { 1 ! } + \frac { x ^ { 2 } } { 2 ! } + \frac { x ^ { 3 } } { 3 ! } + \cdots \\
& - \infty < x < \infty  
\end{split}
\end{equation}

$$ \begin{equation} \begin{split} e ^ { x } = & 1 + \frac { x } { 1 ! } + \frac { x ^ { 2 } } { 2 ! } + \frac { x ^ { 3 } } { 3 ! } + \cdots \\ & - \infty < x < \infty \end{split} \end{equation} $$

\begin{eqnarray}是多行公式环境，环境内的所有公式默认右对齐，由LaTeX内核提供。

\begin{align}是多行公式环境，环境内的所有公式默认右对齐，由amsmath提供，排版较为灵活，如需表示多行公式推荐使用此环境。

\begin{align}
y = x \\
y = 3x^2 + 5x + 2 
\end{align}

$$ \begin{align} y = x \ y = 3x^2 + 5x + 2 \end{align} $$ 可使用&字符调整对齐位置。

\begin{align}
y & = x \\
y & = 3x^2 + 5x + 2 
\end{align}

$$ \begin{align} y & = x \\ y & = 3x^2 + 5x + 2 \end{align} $$

\begin{array}是数组环境，需手动输入对齐参数：

\begin{array}{|c|l|r|} 
a & b & S \\
\hline 
0 & 0 & 1 \\
0 & 1 & 1 \\
1 & 0 & 1 \\
1 & 1 & 0 \\
\end{array}

$$ \begin{array}{|c|l|r|} a & b & S \\ \hline 00 & 00 & 10 \\ 0 & 1 & 1 \\ 1 & 0 & 1 \\ 1 & 1 & 0 \\ \end{array} $$

对齐参数使用c l r分别表示居中、居左和居右，如需竖线边框可直接在对齐参数区域输入|即可，如需横线边框可使用\hline命令。

更多环境使用可参考章节[2.4](#2.4 矩阵与多行列式 Matrices & Multilines)。

physics是一款便携出入物理符号、矩阵及方程的拓展包，使用前需要在设置中手动勾选。其具体用法可参考此文档。

mhchem是一款便捷输入化学方程式的扩展包，使用前需要在设置中手动勾选。其具体用法如下：

基本命令为\ce{}，可在{}中输入化学相关符号。

在化学环境中，数字0123456789默认为下标，+-默认为上标，如需强制上标可使用^符号，例如

\ce{H2O}  \ce{Sb2O3}  \ce{H+}  \ce{CrO4^2-}  \ce{[AgCl2]-}  \ce{Y^99+}  \ce{Y^{99+}}

在化学环境中，计量数应与前面的大写字母使用空格分割，对于分数计量数，只需输入1/2即可显示$\frac{1}{2}$的效果，如特殊情况需要显示1/2格式，请用( )扩起。

\ce{2H2O}  \ce{0.5 H2O}  \ce{1/2H2O}  \ce{(1/2)H2O}  \ce{$n$ H2O}

\ce{^{227}_{90}Th+}  \ce{^227_90Th+}  \ce{^{0}_{-1}n^{-}}  \ce{^0_-1n-}

在一个复杂的化学式中，上标属于左侧元素还是右侧元素可能并不会明显的体现出来，但为了规范输入，建议使用{}分隔符作为区分：

\ce{H{}^3HO}  \ce{H^3HO}

mhchem提供了方便的反应箭头输入模式

\ce{A -> B}   \ce{A <- B}  \ce{A <-> B} 

\ce{A <--> B}  \ce{A <=> B}  \ce{A <=>> B}  \ce{A <<=> B}

箭头可以带有两个参数，即>[][]，第一个[]表示上方参数，第二个[]表示下方参数

\ce{A ->[H2O] B}   \ce{A ->[{上方文字}][{下方文字}] B}

在化学环境中可使用独立的^表示气体$\uparrow$，使用独立的v(小写字母v)表示沉淀$\downarrow$

\ce{SO4^2- + Ba^2+ -> BaSO4 v}

\ce{A v B (v) -> B ^ B (^)}

\ce{Zn^2+  <=>[+ 2OH-][+ 2H+]  $\underset{\text{amphoteres Hydroxid}}{\ce{Zn(OH)2 v}}$  <=>[+ 2OH-][+ 2H+]  $\underset{\text{Hydroxozikat}}{\ce{[Zn(OH)4]^2-}}$}

\ce{$K = \frac{[\ce{Hg^2+}][\ce{Hg}]}{[\ce{Hg2^2+}]}$}

\ce{$K = \ce{\frac{[Hg^2+][Hg]}{[Hg2^2+]}}$}

\ce{Hg^2+ ->[I-]  $\underset{\mathrm{red}}{\ce{HgI2}}$  ->[I-]  $\underset{\mathrm{red}}{\ce{[Hg^{II}I4]^2-}}$}

cancel扩展包为显示分数中约分线的TeX宏包，或显示其他划除效果，基本命令为\cancel{}，例如：

\cfrac{x}{1 + \cfrac{\cancel{y}}{\cancel{y}}} = \cfrac{x}{2}

\cancel{e^{i \pi} + 1 =0}

本页面集成了大部分ams命令，即默认已打开。本拓展只为自动显示公式序号使用。

如，以下代码：

\begin{equation}
E = mc^2
\end{equation}

在ams包未开启状态下： $$ \begin{equation} E = mc^2 \end{equation} $$ 在ams包开启状态下： $$ \begin{equation} E = mc^2 \tag{1} \end{equation} $$ 具体自动编号用法请参考章节[2.9](#2.9 方程式编号 Equation numbering)。

amsCd扩展包是一款生成矩阵图的TeX宏包环境，基本环境命令为\begin{CD} \end{CD}，基本用法如下：

@<<<表示左箭头；

@>>>表示右箭头；

@AAA表示上箭头；

@VVV表示下箭头；

@=表示水平等号；

@|表示数值等号；

@.表示空箭头（占位）。

以@表示箭头开始，以<、>、A、V等表示箭头方向。如需在箭头上或下插入变量，直接在第一和第二，或第二和第三个箭头方向符号中插入即可，用法实例如下：

\begin{CD}
A @>a>> B\\
@VVbV @VVcV\\
C @>d>> D
\end{CD}

\begin{CD}
A @>a>b> B\\
@VlVrV @AlArA\\
C @<a<b< D
\end{CD}

Unicode扩展包一款显示Unicode字符的TeX宏包，基本命令为\unicode{}，{}中参数应输入指定字符的十进制或十六进制Unicode代码，注意十六进制编码需在前面添加标识位x，例如：

\unicode{8751} \unicode{x220f}

Bbox扩展包一款用于设置公式背景颜色的TeX宏包，具体用法参见[2.7.3](#2.7.3 用Bbox扩展设置背景颜色 Setting background color with Bbox)

NoErrors扩展包是一款阻止显示 TeX 错误消息的宏包，使用后将不会像是代码具体错误，而只会显示原始 TeX 代码。

Newcommand扩展包提供了\def, \newcommand，\renewcommand，\let，\newenvironment 和 \renewenvironment 宏命令，用于在 TeX中创建新的宏和环境。例如：

\def\RR{{\bf R}}  %将{\bf R}（加粗的R）定义为\RR
\RR               %调用\RR命令

如有任何问题可以点击页面下方的邮箱图标向我们反馈，感谢您的使用！

1. LaTeX公式编辑器 2. MathJax Documentation 3. Displaying a formula 4. mathjax/MathJax: Beautiful math in all browsers - GitHub 5. mhchem for MathJax