【其它】 MathJax - 网页中显示数学公式的终极武器
最近在学习一些数学课程。但时间一长,发现很多东西又都忘了。而且过程中的很多心得没有留下记录,觉得挺可惜的。所以决定开个博客来记录一些东西,也希望能同数学爱好者们一起学习。
但写数学博客首先得解决显示数学公式的问题。之前的解决方法无非两种:图片和MML语言。图片不管是手动上传还是通过网络LaTex服务器都很麻烦,而且和文本字体不相容。MML虽然是好的想法,但太依赖浏览器的实现。照目前来看,浏览器对MML的支持很糟糕,而且个人不太喜欢MML的语法。
最终我发现了大救星--MathJax。它是一套JavaScript库,可以直接解析页面中的LaTex和MML语法,并动态显示出公式。效果绝对媲美\(LaTeX\)本身,而且绝对不是图片!它对浏览器的依赖已经降到最小,传输的只是一些必需的JS脚本。个人感觉这已经接近最终解决方案了吧!所以在这里大力推荐一下这个开源项目(点击进入):

看看官网的“Sponsorship”一栏,你会惊讶国外那些大佬级的技术网站、出版社网站和高校网站都在使用MathJax。而国内却鲜见踪影,所以博客园还是很赞的!要使用MathJax得在页面中加载必需的JS脚本,可惜大部分博客不方便这么做,所以我就从CSDN搬过来啦:)。而在博客园只要在“选项”里勾选“启用数学公式支持”就可以啦!
你可以直接在博客里写LaTex或MML公式,博客的回复中也可以使用喔。行中的公式和单行的公式分别被包在\加()和\加[]中,以下是实例代码和显示结果:
The probability of getting \(k\) heads when flipping \(n\) coins is:
\[P(E)={n\choose k}p^k(1-p)^{n-k}\]
The probability of getting \(k\) heads when flipping \(n\) coins is:
\[P(E)={n\choose k}p^k(1-p)^{n-k}\]
怎么样,效果不错吧?而且公式字体大小是随段落的,所以可以直接设置。另外,在公式上点击右键还有更多功能喔。Latex公式的语法很简单,但要记忆的东西多,可以用MathType或在线工具等可视化方法自动生成Latex公式,一切都是傻瓜式的。实在找不到的符号到这里试试。

博客总目录在这里
【其它】 MathJax - 网页中显示数学公式的终极武器的更多相关文章
- 在网页中显示CHM (c# csharp .net asp.net winform)
CHM即“已编译的帮助文件”,主要由.hhc(目录文件)..hhk(索引文件)以及相应的帮助主题文件(.html,.htm)这些内容编译而成. 方法对比 在网页中显示CHM内容,大致有以下几种办法: ...
- 网页中显示pdf
1.<embed width="800" height="600" src="test_pdf.pdf"> </embed ...
- 非常好的在网页中显示pdf的方法
今天有一需求,要在网页中显示pdf,于是立马开始搜索解决方案,无意中发现一个非常好的解决方法,详见http://blogs.adobe.com/pdfdevjunkie/web_designers_g ...
- Flash设置全屏后,放到网页中显示不正常
stage.displayState = StageDisplayState.FULL_SCREEN;//全屏,注意当设置全屏后,放到网页中显示不正常
- Emoji表情在网页中显示
最近遇到一个项目,客户手机上发送的表情要在电脑网页中显示,没有找到简便方法,于是有了以下方案. 由于Emoji表情传到后台是“口”,怎么找出接收数据中的表情是关键,各种搜索后,我用下面的正则表达式匹配 ...
- 网页中显示pdf的方法
非常好的在网页中显示pdf的方法 今天有一需求,要在网页中显示pdf,于是立马开始搜索解决方案,无意中发现一个非常好的解决方法,详见http://blogs.adobe.com/pdfdevjunki ...
- 如何在浏览器网页中显示word文件内容
如何在浏览器网页中显示word文件内容 把word文件读到byte[]中,再Response.OutputStream.Write(bytes)到客户端去 Page_Load事件中写: //FileS ...
- 网页中显示xml,直接显示xml格式的文件
第一种方法 使用<pre></pre>包围代码(在浏览器中测试不行啊,但是在富编辑器中又可以,怪):使用<xmp></xmp>包围代码(官方不推荐,但是 ...
- 如何把报表放到网页中显示(Web页面与报表简单集成例子)
1.问题描述 现在用户开发的系统基本上趋向于BS架构的浏览器/服务器模式,这些系统可能由不同的语言开发,如HTML.ASP.JSP.PHP等,因此需要将制作好的报表嵌入到这些页面中. FineRepo ...
随机推荐
- daterangepicker 双日历/格式化日期/日期限制minDate,maxDate
var locale = { "format": 'YYYY/MM/DD', "separator": " - ", "apply ...
- springMVC 源码解读系列(一)初始化
先看看DispatcherServlet的类机构: 初始化时序图: servlet初始化会调用 init 方法,换句话说就是springMVC进行初始化的时候首先会去执行HttpServletBean ...
- 读javascript高级程序设计07-引用类型、Object、Array
一.引用类型 ECMAScript是支持面向对象的,可以通过引用类型描述一类对象所具有的属性和方法. 创建对象实例的方法时是用new 操作符加构造函数:var p=new Person(). 二.Ob ...
- 读javascript高级程序设计12-HTML5脚本编程
一.跨文档消息传递(XDM) 1.发送消息 postMessage(msg,domain)用于发送跨文档消息.第一个参数是要传递的消息内容,第二个参数表示接收方来自哪个域.第二个参数有助于提高安全性, ...
- Android开发--LinearLayout的应用
1.简介 LinearLayout为安卓三大常用布局中的线性布局.其中,线性布局又分为水平线性布局和垂直线性布局.视图如下所示:
- CodeForces #369 div2 D Directed Roads DFS
题目链接:D Directed Roads 题意:给出n个点和n条边,n条边一定都是从1~n点出发的有向边.这个图被认为是有环的,现在问你有多少个边的set,满足对这个set里的所有边恰好反转一次(方 ...
- CSS3制作漂亮的照片墙
CSS3可以做动画大家肯定都是耳熟能详的了,但是大家有木有巧妙的利用这一个功能来制作一款漂亮的照片墙呢? 那么今天我们就利用CSS3动画这一特性来一起制作漂亮的照片墙吧! 第一部分:HTML 这里我们 ...
- Java学习指南学习笔记
1, Java是一种静态类型.动态绑定的语言.具体来说,每一个对象都是编译时确定的良好类型.同时,可以在运行时检查一个对象究竟是什么. 2, Java中除了基本数字类型之外,Java中所有的对象都是通 ...
- Android VideoView播放视频
今天介绍一下Android的视频播放控件VideoView,下面介绍一下VideoView的使用步骤: 1.在界面布局中定义VideoView组件,或者在程序中创建VideoView组件. 2.调用V ...
- 第1章 Express MongoDB 搭建多人博客
学习环境 Node.js : 0.10.22 + Express : 3.4.4 + MongoDB : 2.4.8 + 快速开始 安装 Express express 是 Node.js 上最流行的 ...