在支持Markdown的编辑器里添加Latex公式

Author: Jasper Yang
School: Bupt

我是用的是windows下的 MarkdownoPad2，具体对于别的编辑器是否用同样功效我不能保证。

Mathjax

这是一个开源的 CDN ，只要你在网页的'<script>'里面引用了它，就能解析你的latex公式的语法了。
根据官网的使用介绍，最简单的方式如下。

<!DOCTYPE html>
<html>
<head>
<title>MathJax TeX Test Page</title>
<script type="text/x-mathjax-config">
  MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
</script>
<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
</head>
<body>
When $a \ne 0$, there are two solutions to \(ax^2 + bx + c = 0\) and they are
$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
</body>
</html>

具体使用

介绍完了MathJax后，我们怎么在我们的markdown编辑器中使用呢。
以 MarkdownoPad2 为例。

Tools -> options -> Advanced -> Html Head Editor

然后将
<script type="text/javascript" async
  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-MML-AM_CHTML">
</script>

复制进去。
以后每次写完,按 F6 就可以生成一个在浏览器中打开的网页就可以检查公式是否写对了！

如果不想用CDN，而是想用成本地的也可以，去官网把它的包下载下来放在你自己指定的文件目录后，修改上面的src的内容成路径就可以了

注意！

上面的还没完，下面是我的血淋林的经历后得到的一个关键技巧

对于如下公式

$$  n=p_{1}^{k\_{1}}p_{2}^{k_{2}}\cdots p_{r}^{k_{r}} $$

$$ n=p_{1}^{k\_{1}}p_{2}^{k_{2}}\cdots p_{r}^{k_{r}} $$

你生成的html里面是永远不会显示正常的公式的，为什么呢？
我查了网页的源码后发现所有的'_'都被解析成了 'em' 标签

所以你能懂了吧，需要在'_'前面加上''

$$  n=p\_{1}^{k\_{1}}p\_{2}^{k\_{2}}\cdots p\_{r}^{k\_{r}} $$

$$ n=p\_{1}^{k\_{1}}p\_{2}^{k\_{2}}\cdots p\_{r}^{k\_{r}} $$

但是在CSDN里写blog刚好相反，不需要这个斜杠...(在segmentfault里面也是一样。。。)

希望这篇文章能够帮到你，反正帮到我自己了：）

paper done : 2017/4/19

在支持Markdown的编辑器里添加Latex公式