【343】MathJax、LaTex、Mathml 数学公式
分类参考:
1. 基本功能
- MathJax
- 我的LaTeX入门
- MathJax basic tutorial and quick reference
- 分段函数:矩阵、方程组和分段函数的LaTex表达
- 矩阵:latex数学公式编写(一):latex矩阵编写
2. 布局功能
- 对齐:Latex 多行公式换行对齐
空行:latex如何插入空白行
3. 装饰功能
在博客中使用数学公式,是一件相对麻烦的事儿,大量的截图和插入图片不仅耗费极大的精力,而且影响写作体验。
虽然对于公式显示已经有多种解决办法,但大多数需要安装插件。而MathML这一雄心勃勃的网页数学语言,则需要浏览器支持,目前支持较好的浏览器也就是firefox。更具有灾难性的事是它跟latex语法不一致,需要用户重新学习!
在有了Latex利器之后,终于又出现了MathJax这一利器,完美的解决了网页显示公式的问题。
MathJax是一个javascript类库,所有浏览器都原生支持,不需要安装任何插件,“有浏览器的地方就有公式”;它也支持latex代码以及mathml代码,原来的latex用户不需要再次学习即可轻松上手。
下面说明在cnblog中如何配置,使得公式可以正常显示。
配置方法:
(1)进入“我的博客”--“设置”页面,
(2)在“页首html”框里添加如下代码:
<script type="text/x-mathjax-config">
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
</script>
<script type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
(3)点击“保存”。
使用方法:
在正文中写作时,使用美元符号($)括起latex代码即可。
示例:
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}.$$
得到结果如下:
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}.$$
测试代码:
Here comes \LaTeX!
Subscript: $ x_i $
Square: $ x^2 $
Exponentiation: $ x^{y^z} $
Integral: $ \int_a^b f(x) $
Fraction: $ \frac ab $, $ \frac 12 $, $ 3\frac 12 $
Square root: $\sqrt{x}$, $\sqrt{x^2+\sqrt{y}}$, $\sqrt[3]{2}$
Sum: $$ y=\sum_{b}^{a}x^2 $$
Under brace: $$\underbrace{a+b+\cdots+z}_{26}$$
Greek alphabet:
Lower: $\alpha$, $\beta$, $\gamma$, $\delta$, $\theta$, $\lambda$, $\mu$, $\xi$, $\pi$, $\rho$, $\sigma$, $\phi$, $\omega$
Upper: $\Gamma$, $\Delta$, $\Theta$, $\Lambda$, $\Xi$, $\Pi$, $\Sigma$, $\Phi$, $\Omega$
Here comes \LaTeX!
Subscript: $ x_i $
Square: $ x^2 $
Exponentiation: $ x^{y^z} $
Integral: $ \int_a^b f(x) $
Fraction: $ \frac ab $, $ \frac 12 $, $ 3\frac 12 $
Square root: $\sqrt{x}$, $\sqrt{x^2+\sqrt{y}}$, $\sqrt[3]{2}$
Sum: $$ y=\sum_{b}^{a}x^2 $$
Under brace: $$\underbrace{a+b+\cdots+z}_{26}$$
Greek alphabet:
Lower: $\alpha$, $\beta$, $\gamma$, $\delta$, $\theta$, $\lambda$, $\mu$, $\xi$, $\pi$, $\rho$, $\sigma$, $\phi$, $\omega$
Upper: $\Gamma$, $\Delta$, $\Theta$, $\Lambda$, $\Xi$, $\Pi$, $\Sigma$, $\Phi$, $\Omega$
跨行对齐,例如公式推导的过程:
首先 \\ 表示换行,& 表示对齐,在需要对其的部分前面加入 &,同时需要 \\begin{split} ... \\end{split}。
\begin{equation}
\begin{split}
x&=a+b+c\\
&=d+e\\
&=f+g
\end{split}
\end{equation}
效果:
$$\begin{equation*} \begin{split} x&=a+b+c\\ &=d+e\\ &=f+g \end{split} \end{equation*}$$
$$\begin{equation*}
\begin{split}
E_b &= ((Xb)^T - y^T)(Xb-y)\\
&=(b^T X^T - y^T)(Xb-y)
\end{split}
\end{equation*} $$
【343】MathJax、LaTex、Mathml 数学公式的更多相关文章
- Java 在Word中添加数学公式(Latex/MathML)
本文介绍通过Java程序在Word文档中添加数学公式的方法.添加时,可添加latex数学公式或者MathML数学公式.详细内容见下文. 1. 程序环境 Word测试文档:.docx 2013 Word ...
- 在博客中使用LaTeX插入数学公式
在博客中使用LaTeX插入数学公式 在学习机器学习中会接触到大量的数学公式,所以在写博客是会非常的麻烦.用公式编辑器一个一个写会非常的麻烦,这时候我们可以使用LaTeX来插入公式. 写这篇博文的目的在 ...
- LaTex 高中数学公式
排版数学公式是TeX系统设计的初衷,它在LaTeX中占有特殊地位,也是LaTeX最为人所称道的功能之一.基于对MathType排版效果的不满意,以及对公式进行检索的需求,我们使用LaTeX输入数学公式 ...
- Vue使用MathJax动态识别数学公式
本人菜鸟一名,如有错误,还请见谅. 1.前言 最近公司的一个项目需求是在前端显示Latex转化的数学公式,经过不断的百度和测试已基本实现.现在此做一个记录. 2.MathJax介绍 MathJax是一 ...
- Latex: 插入数学公式
write equations align equations to left To only align one equation, you can \begin{flalign} &\te ...
- MeteoInfoLab脚本示例:LaTeX写数学公式
LaTeX是排版常用的语法,科学计算软件中也常用它来写数学公式(比如MatLab, Matplotlib等),MeteoInfo通过调用JMathLaTeX库也可以实现这样的功能.LaTeX的语法介绍 ...
- MarkDown使用之LaTeX表示数学公式
对于文本排版格式,对于\(Microsoft\,Word\)来说,功能尽全,可调的参数十分多,人们可能会将不少的时间放在具体的文字大小.实现样式.而\(markdown\)语法能够让人们通过符号去替代 ...
- 使用LaTeX编辑数学公式
首先在博客园的页首html里添加以下代码: <script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex ...
- [CSDN_Markdown]使用LaTeX基本数学公式
简介 以前我很头疼在博文里写公式,一直期盼CSDN的博文编辑器能支持LaTeX 公式输入,今天终于可以使用这个功能了!此文主要讨论如何在CSDN的Markdown编辑器中写 LaTeX 公式! 使用L ...
随机推荐
- JUC集合之 ConcurrentLinkedQueue
ConcurrentLinkedQueue介绍 ConcurrentLinkedQueue是线程安全的队列,它适用于"高并发"的场景. 它是一个基于链接节点的无界线程安全队列,按照 ...
- css学习日记
相对偏移 指定left top等属性就能够够完美控制一个元素的位置 如: position:relative; left:2px; 今天遇到一个很好玩的问题,当两个并排浮动框,当一个框的长度太大时就会 ...
- [boost] : test库
最小化的测试套件minimal_test test库提供一个最小化的测试套件minimal_test, 类似lightweight_test适合入门级测试. 需要包含文件文#include <b ...
- <dedecms>织梦内页调用会员信息
1.织梦CMS v5.7调用文章所属会员信息标签 打开官方默认模板article_artcile.htm,我们可以提取出如下代码: {dede:memberinfos} 会员头像:<a h ...
- Windows Server 2008 R2 3389端口更改
Windows Server 2008 R2 3389端口更改 2016-04-28 23:08 4734人阅读 评论(0) 收藏 举报 分类: Windows(61) 版权声明:本文为博主原创文 ...
- DHTMLX学习总结
1.布局 Lyout = new dhtmlXLayoutObject(document.body, "2U"); 2.Grid grid.setHeader("#mas ...
- sed简单用法
参数说明: -e 以指定的script来处理输入的文本文件 -f 以指定的script文件来处理输入的文本文件 -h 显示帮助 -n 仅显示script处理后的结果 -V 显示版本信息 -v 反选 动 ...
- IE下的Firebug——IE WebDeveloper js debug
原文地址:http://blog.csdn.net/wangbin1986/article/details/6837285 对于大部分做前端设计者而言应该都使用过Firefox浏览器下一款调试网站的扩 ...
- 部署mariadb高可用
上传文件到opt目录下 Galera能够实现MySQL/MariaDB数据库的主主复制和多主复制等模式,这些复制模式都是同步进行的,同步时间非常短. 每一个节点都可以同时写入和读取,当某一节点发生故障 ...
- Linux防火墙(Firewalls)
结构关系图 查看这两个防火墙文件 # cat /etc/hosts.deny # cat /etc/hosts.allow 查看Linux中防火墙的状态 某个服务是否能由tcpwraps来进行控制关键 ...