Loading web-font TeX/Math/Italic

alex_bn_lee

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

【343】MathJax、LaTex、Mathml 数学公式

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


分类参考:

1. 基本功能

2. 布局功能

3. 装饰功能


在博客中使用数学公式,是一件相对麻烦的事儿,大量的截图和插入图片不仅耗费极大的精力,而且影响写作体验。
虽然对于公式显示已经有多种解决办法,但大多数需要安装插件。而MathML这一雄心勃勃的网页数学语言,则需要浏览器支持,目前支持较好的浏览器也就是firefox。更具有灾难性的事是它跟latex语法不一致,需要用户重新学习!
在有了Latex利器之后,终于又出现了MathJax这一利器,完美的解决了网页显示公式的问题。
MathJax是一个javascript类库,所有浏览器都原生支持,不需要安装任何插件,“有浏览器的地方就有公式”;它也支持latex代码以及mathml代码,原来的latex用户不需要再次学习即可轻松上手。
下面说明在cnblog中如何配置,使得公式可以正常显示。

配置方法:

(1)进入“我的博客”--“设置”页面,

(2)在“页首html”框里添加如下代码:

1
2
3
4
5
6
<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代码即可。

示例:

1
2
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 a0, there are two solutions to ax2+bx+c=0 and they are
x=b±b24ac2a.

测试代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
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: xi

Square: x2

Exponentiation: xyz

Integral: baf(x)

Fraction: ab, 12, 312

Square root: x, x2+y, 32

Sum: y=abx2



Under brace: a+b++z26


Greek alphabet:

Lower: α, β, γ, δ, θ, λ, μ, ξ, π, ρ, σ, ϕ, ω

Upper: Γ, Δ, Θ, Λ, Ξ, Π, Σ, Φ, Ω 

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

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

首先 \\ 表示换行,& 表示对齐,在需要对其的部分前面加入 &,同时需要 \\begin{split} ... \\end{split}。

1
2
3
4
5
6
7
\begin{equation}
\begin{split}
x&=a+b+c\\
&=d+e\\
&=f+g
\end{split}
\end{equation}

效果:

x=a+b+c=d+e=f+g


Eb=((Xb)TyT)(Xby)=(bTXTyT)(Xby)

求和:

1
2
3
4
5
6
7
8
$$
\begin{equation}
\begin{split}
\sum_{1 \le j,k \le n} {a_j b_k}& = (\sum_{1 \le j,k \le n} {a_j})(\sum_{1 \le j,k \le n} {b_k})\\\\
& = \sum_{1 \le j,k \le n} {a_j (\sum_{1 \le j,k \le n} {b_k})}
\end{split}
\end{equation}
$$

1j,knajbk=(1j,knaj)(1j,knbk)=1j,knaj(1j,knbk)

  

 

posted on   McDelfino  阅读(2080)  评论(3编辑  收藏  举报

编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)
历史上的今天:
2015-11-30 【183】VMware + CentOS 安装教程等
点击右上角即可分享
微信分享提示