Markdown里输入数学公式

使用CodeCogs线上生成公式图片, 再在markdown里引用图片.

![](http://latex.codecogs.com/svg.latex?R_i=\frac{P_{i_{0}}-P_{i_{m}}}{\sum_{i=0}^{n}(P_{i_{0}}-P_{i_{m}})})

有的markdown编辑器可能会解析错误, 因为公式里有右括号), 匹配了引用图片的左括号(. 这时候可以使用img标签:

<img src='http://latex.codecogs.com/svg.latex?R_i=\frac{P_{i_{0}}-P_{i_{m}}}{\sum_{i=0}^{n}(P_{i_{0}}-P_{i_{m}})}'/>

显示效果如下: $R_i=\frac{P_{i_{0}}-P_{i_{m}}}{\sum_{i=0}^{n}(P_{i_{0}}-P_{i_{m}})}$

MathJax允许你在你的网页中包含公式，无论是使用LaTeX、MathML或者AsciiMath符号，这些公式都会被javascript处理为HTML、SVG或者MathML符号。MathJax中文指南

但是github, gitlab都不支持引入js, 这个方法在github, gitlab上都无效. 我本地的gitbook是可以的, 或者说在自己的网站上都可以.

在markdown中添加引入MathJax的js文件:

<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

然后就可以编写自己的数学公式了, 比如数学公式:

\frac{P_{i_{0}}-P_{i_{m}}}{\sum_{i=0}^{n}(P_{i_{0}}-P_{i_{m}})}

在markdown里最好把_给转译下, 变成\_; 表示行内, 即公式显示在当前行中, 不会另起一行, 同样在markdown里需要转译下, 变成\$ \$, 则上面的公式为:

\\(R\_i=\frac{P\_{i\_{0}}-P\_{i\_{m}}}{\sum\_{i=0}^{n}(P\_{i\_{0}}-P\_{i\_{m}})}\\)

效果跟方法一差不多, 不过是文字不是图片, 同时右击还有选项卡, 效果同方法三.

修改book.json, 在plugins字段添加katex插件:

{
    "plugins": ["katex"]
}

然后安装一下:

gitbook install .

这时候会多出来一个node_modules目录, 在.gitignore里忽略掉. 使用{% math %} {% endmath %}表示行内, 或者是公式两边各加两个$分割, 还是上面的例子, 这种方法的公式为:

{% math %}R_i=\frac{P_{i_{0}}-P_{i_{m}}}{\sum_{i=0}^{n}(P_{i_{0}}-P_{i_{m}})}{% endmath %}

效果: $R_i=\frac{P_{i_{0}}-P_{i_{m}}}{\sum_{i=0}^{n}(P_{i_{0}}-P_{i_{m}})}$

也可以安装mathjax插件, 不过加载速度略慢.

NOTE:

results matching ""