使用Mathjax网页插入公式

本文关于

想在网页里面插入公式，找到了 Mathjax，这里说怎么设置，具体来说是怎么在博客园设置。以及一点点如何使用。

设置方法

1. 需要开通js的权限。
2. 进入 设置。
3. 在页脚Html代码输入：

<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  displayAlign: "left",
  displayIndent: "2em"
});
</script>

<script 
type="text/javascript" 
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

CSS设置

如果需要改变格式也可以通过更改CSS
公式的类是 .MathJax_Display{}

说明

• 第一个部分是进行左对齐设置，如果不设置好像默认是居中对齐，我不太喜欢。
• 第二部分就是说明使用mathjax解析公式。
• 先后顺序不能变，好像。

使用方法

插入公式方法

• 在编辑页面输入公式。

• 插入行间公式（1）： $$x=frac{-bpmsqrt{b^2-4ac}}{2a}$$
  $$x=frac{-bpmsqrt{b^2-4ac}}{2a}$$

• 插入行间公式（2）： egin{equation}x^{y^z}=(1+{ m e}^x{-2xy^w})label{1}end{equation}。
  egin{equation}x^{yz}=(1+{ m e}^x{-2xyw})label{1}end{equation}

• 插入行内公式： \(x=frac{-bpmsqrt{b^2-4ac}}{2a}\) (x=frac{-bpmsqrt{b^2-4ac}}{2a})，因为是从markdown解析，所以是两个 \。

公式语法

嗯，不想学，然后就去这里吧！
在线公式编辑器
基本就像word里面的公式编辑器，点想要的，对话框会自动帮你翻译成看不懂的样子...
如果想看下到底什么效果，点 Render。
试了下有点慢，可是好用。
$$int_{t1}^{t2}dN/N=int_{t1}^{t2}kdt$$。
$$int_{t1}^{{t2}dN/N=int_{t1}}{t2}kdt$$

注意有的时候需要转义，比如 _ 可能作用成了斜体，就需要输入 \_。

公式引用和设置

• 使用方法2输入公式，并在 end{equation} 前插入 label{id}， id用你设置的编号替代。
• 引用的时输入 \ref{1} ef{1}，点那个1会跳回去上面的公式。
• 打开这个功能需要额外设置，以下代码里面对齐设置也加进去了。

<script type="text/x-mathjax-config">
    MathJax.Hub.Config({
        TeX: {equationNumbers: {autoNumber: ["AMS"], useLabelIds: true}},
        "HTML-CSS": {linebreaks: {automatic: true}},
        SVG: {linebreaks: {automatic: true}},
        displayAlign: "left",
        displayIndent: "2em"
    });
</script>

我用 $$ 插入的时候不成功，只有用 eginend{equation} 方法才可以。

点右键试一试

• 会出现一个菜单，至于干嘛的，你自己看看吧，我也不知道。

博客园自带数学公式

• 发现在 设置-选项 里有一个 启用数学公式支持。删了插入公式的js代码，勾选这个后倒是能显示公式，可是字体微妙的不清楚，不知道为什么。
• 选择启用了之后实际上是修改了下面的内容：
  <script type="text/javascript">var currentBlogApp = 'Xeonilian', cb_enable_mathjax=true;var isLogined=true;</script>

参考网站

[1] 这里有三种，一种不显示，一种放大后发虚，Mathjax效果最好，所以我用的这个。例子也是从这里借的。
[2] 关于引用参考的这个网站。
[3] Latex公式语法。