zoukankan      html  css  js  c++  java
  • 【343】MathJax、LaTex、Mathml 数学公式

    参考: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 
    e 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 e 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 $, $ 3frac 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$, $eta$, $gamma$, $delta$, $	heta$, $lambda$, $mu$, $xi$, $pi$, $
    ho$, $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 $, $ 3frac 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$, $eta$, $gamma$, $delta$, $ heta$, $lambda$, $mu$, $xi$, $pi$, $ ho$, $sigma$, $phi$, $omega$

    Upper: $Gamma$, $Delta$, $Theta$, $Lambda$, $Xi$, $Pi$, $Sigma$, $Phi$, $Omega$ 

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

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

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

    egin{equation}
    egin{split}
    x&=a+b+c\
    &=d+e\
    &=f+g
    end{split}
    end{equation}
    

    效果:

    $$egin{equation*} egin{split} x&=a+b+c\ &=d+e\ &=f+g end{split} end{equation*}$$

    $$egin{equation*}
    egin{split}
    E_b &= ((Xb)^T - y^T)(Xb-y)\
    &=(b^T X^T - y^T)(Xb-y)
    end{split}
    end{equation*} $$

  • 相关阅读:
    20175310 《Java程序设计》第3周学习总结
    IDEA学生免费申请教程
    20175310 《Java程序设计》第2周学习总结
    在虚拟机中使用中文输入法
    VMware虚拟机将英文改成中文的方法
    20175310 《Java程序设计》第1周学习总结(1)安装虚拟机
    20175310 《Java程序设计》第1周学习总结(2)
    Java 开源 CMS :magnolia
    开源网络监控管理系统:OpenNMS
    开源摄影机:Axiom Camera
  • 原文地址:https://www.cnblogs.com/alex-bn-lee/p/10044155.html
Copyright © 2011-2022 走看看