在支持Markdown的編輯器裏添加Latex公式

在支持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
相關文章
相關標籤/搜索