【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”框里添加如下代码:
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 a≠0, there are two solutions to ax2+bx+c=0 and they are
x=−b±√b2−4ac2a.
测试代码:
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, 3√2
Sum: y=a∑bx2
Under brace: a+b+⋯+z⏟26
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)T−yT)(Xb−y)=(bTXT−yT)(Xb−y)
求和:
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} $$ |
∑1≤j,k≤najbk=(∑1≤j,k≤naj)(∑1≤j,k≤nbk)=∑1≤j,k≤naj(∑1≤j,k≤nbk)
posted on 2018-11-30 14:53 McDelfino 阅读(2080) 评论(3) 编辑 收藏 举报
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)
2015-11-30 【183】VMware + CentOS 安装教程等