is-programmer 博客的 TeX 数学公式指南

Garfileo posted @ 2011年9月14日 23:01 in 不理解我也没什么 with tags is-programmer 数学公式 mathjax , 29375 阅读

is-programmer 博客支持 TeX 数学公式的输入与呈现是通过在线的 TeX 数学公式引擎实现的。现在有两种方式：[tex] ...[/tex] 标记与 MathJax。

1. [tex] ... [/tex] 标记

从博客后台管理界面的『插件 -> 自动 TeX 公式转换』，勾选『使用 [tex] ... [/tex]』，并保存设置。

若使用这种方式，只需在博客页面编辑器中将 TeX 公式文本置于 [tex] ... [/tex] 标记之内，文档提交后所生成的页面中，TeX 公式文本便会服务器端的 TeX 引擎处理为公式图片，然后服务器端使用 JavaScript 脚本动态生成图像嵌入代码替换页面中的原 TeX 文本。

虽然这种方案依然是采用图片来呈现公式，但是对于已生成的页面中的数学公式，可以在页面编辑器中对 TeX 公式文本进行修改，即 TeX 公式向图片的转换是可逆的。

2. MathJax

MathJax 是当前非常强大的一款基于 JavaScript 实现的网页数学公式排版引擎，它最大的特点是利用 CSS 和 HTML 来实现数学公式的排版，而不是基于 TeX 引擎所转换的图片。

从博客后台管理界面的『插件 -> 自动 TeX 公式转换』，勾选『使用 MathJax』，并保存设置。

然后便可在博客页面编辑器中使用 $ ... $ 和 \[ ... \] 来撰写行内公式与行间公式，例如：

行内公式 \(E = mc^2\)。

效果：

行内公式 $E = mc^2$。

例如：

行间公式：
\[E = mc^2\]
测试

效果：

行间公式：

\[E = mc^2\]

测试。

3. 公式文本换行

较为复杂的 TeX 数学公式文本，为了可读性，经常需要换行书写。

在 is-programmer 博客页面编辑器中，无论是 [tex] ... [/tex] 标记还是 MathJax 标记，通过回车来实现公式文本的换行，是非常错误的一种方式。因为在页面编辑器中回车会导致编辑器自动插入 HTML 的段落标记或者当前环境中的其他标记，导致服务器端用于处理 [tex] ... [/tex] 标记还是 MathJax 标记的 JavaScript 脚本无法正确解析被 HTML 标记所扰乱的 TeX 公式文本。

绕过这个问题的办法是使用『Shift + 回车键』进行公式文本换行，因为 is-programmer 博客页面编辑器对于『Shift + 回车键』的处理只是在当前文本位置插入 <br/> 标记，而服务器端用于处理 [tex] ... [/tex] 标记还是 MathJax 标记的 JavaScript 脚本恰好可以忽略 <br/> 标记，并能正确解析换行的公式文本。

例如：

\[
\mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0
\end{vmatrix}
\]

\[
\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0
\end{vmatrix}
\]