如何在cnblogs中插入LaTeX数学公式

一、利用forkosh提供的cgi

在“编辑html原始程序码”中输入源码:

1 <img alt="" align="middle" border="0"
2 src="http://www.forkosh.dreamhost.com/mathtex.cgi?
3 x=\frac{{-b}\pm\sqrt{b^2-4ac}}{2a}
4 "/>

说明:
第3行即为需要插入的LaTeX公式,第1、2、4行为html的图像标签。

效果:

缺点:
添加每个公式时都需要输入html的图像标签。

二、利用LaTeXMathML将LaTeX转换为MathML

首先,在“设置”的“页首Html代码”中添加:

1 <script type="text/javascript" src="http://www.maths.nottingham.ac.uk/personal/drw/LaTeXMathML.js"></script>
然后,在正文直接输入LaTeX公式(不需要在“编辑html原始程序码”模式中输入公式):
1 $x=\frac{{-b}\pm\sqrt{b^2-4ac}}{2a}$
如果是firefox浏览器,就可以看到漂亮的效果(Chrome安装了插件MathML-2-CSS可以看到丑陋的效果)。

缺点:
MathML的浏览器兼容性差,firefox2.0+可以很好的显示公式。

三、利用codecogs提供的cgi
首先,在“设置”的“页首Html代码”中添加:
1 <script type="text/javascript" src="http://latex.codecogs.com/latex.js"></script>
然后,在正文直接输入LaTeX公式(不需要在“编辑html原始程序码”模式中输入公式):
1 \[x=\frac{{-b}\pm\sqrt{b^2-4ac}}{2a}\]

效果:
x=\frac{{-b}\pm\sqrt{b^2-4ac}}{2a} 

也可以显示压缩的行内公式,插入代码:

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

效果:
x=\frac{{-b}\pm\sqrt{b^2-4ac}}{2a} 

注意:
如果不能正常显示公式,在公式之前的换行用“回车产生<p>”,而不要用“Shift+Enter产生<br/>”。

优点:
不需要每次都输入html的图像标签,直接输入LaTeX公式即可。

四、利用google chart的api

首先,模仿codecogs提供的cgi的latex.js,  参考google chart api的参数说明对其进行简单的包装,上传cnblogs为google_latex.js

其次,  在“设置”的“页首Html代码”中添加:

1 <script type="text/javascript" src="https://files.cnblogs.com/jiyeqian/google_latex.js"></script>

最后, 在正文直接输入LaTeX公式(不需要在“编辑html原始程序码”模式中输入公式):

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

效果:

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

参考文献:
http://www.cnblogs.com/hustlzp/archive/2011/03/27/1992832.html 
http://www.cnblogs.com/xin-work-thoughts/archive/2011/06/07/2074566.html
http://hi.baidu.com/jiyeqian/blog/item/3615cdc71aeaf2dbd00060dd.html
http://hi.baidu.com/jiyeqian/blog/item/9052223f1357aec57c1e71c1.html

posted on 2011-06-23 14:16  Jiye Qian  阅读(759)  评论(3编辑  收藏  举报

导航