参考:cnblog中添加数学公式支持


分类参考:

1. 基本功能

2. 布局功能

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$

跨行对齐,例如公式推导的过程:

参考:Latex 多行公式换行对齐

首先 \\ 表示换行,& 表示对齐,在需要对其的部分前面加入 &,同时需要 \\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 数学公式的更多相关文章

  1. Java 在Word中添加数学公式(Latex/MathML)

    本文介绍通过Java程序在Word文档中添加数学公式的方法.添加时,可添加latex数学公式或者MathML数学公式.详细内容见下文. 1. 程序环境 Word测试文档:.docx 2013 Word ...

  2. 在博客中使用LaTeX插入数学公式

    在博客中使用LaTeX插入数学公式 在学习机器学习中会接触到大量的数学公式,所以在写博客是会非常的麻烦.用公式编辑器一个一个写会非常的麻烦,这时候我们可以使用LaTeX来插入公式. 写这篇博文的目的在 ...

  3. LaTex 高中数学公式

    排版数学公式是TeX系统设计的初衷,它在LaTeX中占有特殊地位,也是LaTeX最为人所称道的功能之一.基于对MathType排版效果的不满意,以及对公式进行检索的需求,我们使用LaTeX输入数学公式 ...

  4. Vue使用MathJax动态识别数学公式

    本人菜鸟一名,如有错误,还请见谅. 1.前言 最近公司的一个项目需求是在前端显示Latex转化的数学公式,经过不断的百度和测试已基本实现.现在此做一个记录. 2.MathJax介绍 MathJax是一 ...

  5. Latex: 插入数学公式

    write equations align equations to left To only align one equation, you can \begin{flalign} &\te ...

  6. MeteoInfoLab脚本示例:LaTeX写数学公式

    LaTeX是排版常用的语法,科学计算软件中也常用它来写数学公式(比如MatLab, Matplotlib等),MeteoInfo通过调用JMathLaTeX库也可以实现这样的功能.LaTeX的语法介绍 ...

  7. MarkDown使用之LaTeX表示数学公式

    对于文本排版格式,对于\(Microsoft\,Word\)来说,功能尽全,可调的参数十分多,人们可能会将不少的时间放在具体的文字大小.实现样式.而\(markdown\)语法能够让人们通过符号去替代 ...

  8. 使用LaTeX编辑数学公式

    首先在博客园的页首html里添加以下代码: <script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex ...

  9. [CSDN_Markdown]使用LaTeX基本数学公式

    简介 以前我很头疼在博文里写公式,一直期盼CSDN的博文编辑器能支持LaTeX 公式输入,今天终于可以使用这个功能了!此文主要讨论如何在CSDN的Markdown编辑器中写 LaTeX 公式! 使用L ...

随机推荐

  1. Linux elasticsearch 安装 遇到的问题

    备注:我的 Linux 测试机  是2G 内存的 ,估计内存小于 我的内存肯定会出这个问题 .(安装的最新版6.3.2) 1.  下载文件  解压 2 .试着 运行 bin 下面的 elasticse ...

  2. SQLServer2008开启远程连接

    1.查看sqlserver brower协议是否启动 2.对象资源管理器 右键属性->选择-> 方面->服务器配置->Remoteaccess ->True 3.对象资源 ...

  3. Angular 4 路由时传递数据

    路由时传递数据的方式有 1. 在查询参数中传递数据 2. 在路由路径中传递参数 3. 在路由配置中传递参数 一.在查询参数中传递数据 在前一节的基础上,我们增加路由数据传递 2. 接收参数的地方 3. ...

  4. C#代码规范和质量检查工具

    代码风格检查:StyleCop The StyleCop tool provides warnings that indicate style and consistency rule violati ...

  5. BASIC-10_蓝桥杯_十进制转十六进制

    示例代码: #include <stdio.h>#define N 16 void dg(int a){ int y = a%N; int next = (a-y)/N; if (next ...

  6. 【Spring学习笔记-MVC-8】SpringMVC之类型转换Converter

    作者:ssslinppp       1. 摘要 在spring 中定义了3中类型转换接口,分别为: Converter接口              :使用最简单,最不灵活: ConverterFa ...

  7. 转!!!解释Eclipse下Tomcat项目部署路径问题(.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps)

    1.配置eclipse的开发环境,配置jdk的安装路径和tomcat安装路径. 2.在eclipse下建立Dynamic Web Project工程zhgy,在使用eclipse中new一个tomca ...

  8. Linux 期中架构 inotify

    全网备份数据同步方案 备份网站内部人员信息  不能解决外部(人员)上传数据的备份 定时任务最短执行的周期为一分钟,采用定时任务方式,有时可能造成一分钟内的数据丢失 因此对于重要数据需要采用实时同步的方 ...

  9. Delphi Webbrowser使用方法详解(一)

    1.webbroser介绍 该组件是一个浏览器组件,可以显示一个指定地址的网页.设置网页打开时的主页以及对网页进行相关的操作,同时也可以对HTML文件进行剪切.复制.粘贴.删除等操作.该 组件在Int ...

  10. win10下多版本apache(2.2,2.4)+php(5.3.5,5.5.37,5.6.25,7.0.8)注意点

    1.Loaded Configuration File 问题: apache2.2 httpd PHPIniDir D:\php5.3.5\php.ini AddType application/x- ...