Markdown中插入数学公式的方法

自从使用Markdown以来,就开始一直使用Markdown+Github在写文章,整理本身的所学所思。本文亦是经过这种方式完成的。javascript

然而,Markdown自由书写的特性很好,惟独遇到数学公式时就要煞费苦心——每次都是先使用Latex书写(在线的Latex编辑器参考[1]),而后保存为图片,使用img标签进行引用,当公式不少的时候稍显复杂。html

本文的方法使用html的语法,调用[1]的公式生成API,在线生成Latex数学公式,免去将公式保存为图片的麻烦。固然,弊端也是有的,公式太多,可能会形成刷新比通常的网页慢一些。java

方法一:使用Google Chart的服务器

<img src="http://chart.googleapis.com/chart?cht=tx&chl= 在此插入Latex公式" style="border:none;">api

一个例子,服务器

<img src="http://chart.googleapis.com/chart?cht=tx&chl=\\Large x=\\frac{-b\\pm\\sqrt{b^2-4ac}}{2a}" style="border:none;">markdown

公式显示结果为:编辑器

适用了下,Google Chart服务器的响应速度还能够,但听说可能复杂一些的Latex公式可能没法解析(参考[2])。网站

方法二:使用forkosh服务器

forkosh上提供了关于Latex公式的一份简短而颇有用的帮助,参考[1]和[3].google

使用forkosh插入公式的方法是code

<img src="http://www.forkosh.com/mathtex.cgi? 在此处插入Latex公式">

给个例子,

<img src="http://www.forkosh.com/mathtex.cgi? \\Large x=\\frac{-b\\pm\\sqrt{b^2-4ac}}{2a}">

由于网页插入公式的原理是调用“某某网站的服务器”动态生成的,全部保证公式正常显示的前提是该网址能一直存在着为我等小生作些小小的服务。forkosh我是用了快2年了,一直很好,推荐!

方法三:使用MathJax引擎

你们都看过Stackoverflow上的公式吧,漂亮,其生成的不是图片。这就要用到MathJax引擎,在Markdown中添加MathJax引擎也很简单,

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

而后,再使用Tex写公式。$$公式$$表示行间公式,原本Tex中使用\(公式\)表示行内公式,但由于Markdown中\是转义字符,因此在Markdown中输入行内公式使用\(公式\),以下代码:

$$x=\\frac{-b\\pm\\sqrt{b^2-4ac}}{2a}$$  
\\\(x=\\frac{-b\\pm\\sqrt{b^2-4ac}}{2a}\\\)

分别显示结果(行间公式):

x=−b±b2−4ac−−−−−−−√2a
x=−b±b2−4ac2a

行内公式:

x=−b±b2−4ac√2ax=−b±b2−4ac2a

不信,你能够试一下,在公式上还可使用鼠标右键操做。

参考
[1] http://www.forkosh.com/mathtextutorial.html

[2] http://www.ruanyifeng.com/blog/2011/07/formula_online_generator.html

[3] http://www.forkosh.com/mathtex.html

相关文章
相关标签/搜索