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

时间 2019-11-06

标签支持 markdown 编辑器添加 latex 公式栏目 Markdown 繁體版

原文原文链接

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

Author: Jasper Yangjavascript
School: Bupthtml

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

Mathjax

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

<!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 为例。segmentfault

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的内容成路径就能够了windows

注意！

上面的还没完，下面是个人血淋林的经历后获得的一个关键技巧浏览器

对于以下公式markdown

$$  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}} $$async

你生成的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