[Tutorial] Step by step teaches you how to use Mathjax3.0 (Part 1)

2020-11-12 16:57:29 JST | Maths | 1k+ Reads

Copyright Notice: This article is an original work licensed under the CC 4.0 BY-NC-ND license. If you wish to repost this article, please include the original source link and this copyright notice.
Source link: https://v2know.com/article/510

First of all, in order to render LaTeX mathematical expressions on a web page, we can use MathJax:

<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

Then you can try to output some formulas.

Example:

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}.\]

MathJax:

In fact, I have to show the MathJax syntax inside code blocks; otherwise, it will be rendered as a mathematical formula. The following examples are also placed inside code blocks for the same reason.

---

Let me show you how to use these symbols first.

Code:

\(a \ne 0\)

MathJax:

As you can see, MathJax mathematical expressions can be written using delimiters such as \( and \), or \[ and \].

In other words, you can start with "\(" and end with "\)",
or start with "\[" and end with "\]".

The delimiters are used for different types of mathematical expressions:

• \( ... \) is used for inline mathematical expressions.
• \[ ... \] is used for display mathematical expressions. The formula is displayed on a separate line and is usually centered.
• Curly braces such as { } are commonly used inside LaTeX commands to group expressions.

Okay, you have learned the basic display method. In the next blog post, I will introduce another way to display mathematical expressions with MathJax.

 

Next: [Tutorial] Step by step teaches you how to use MathJax 3.0 (Part 2)

 

References:

MathJax basic tutorial and quick reference

This article was last edited at 2026-09-10 16:53:51 JST

Related Articles

• 微積分（目錄）

  前置知識 微積分前置知識3——微分相關重要公式 微積分前置知識2——極限相關重要公式 微積分前置知識1——部分分數分解經典公式 定義 （ε-δ）語言極限の定義と連続性 ロピタルの定理 微分係数と導関数 高階導関数

  2021-08-21 13:11:29 JST | Maths | 2k reads
• Mathjax3.0 数学公式HTML渲染插件测试

  基本上，我还是比较担心，引入的样式会和我的样式冲突。 目前没有发现问题，一旦发现问题，我就准备撤销引用，改CKEditor直引

  2020-06-23 08:30:06 JST | Maths | 2k reads
• 微積分前置知識5——排列組合

  因爲之前出現了萊布尼茨公式： □(uv)^{(n)}=■sum_{k=0}^n C_n^k u^{(n-k)} v^{(k)} □ その中、□C_n^k=■frac{n!}{k!(n-k)!}□ そして、 □u^{(0)}=u, ■; v^{(0)}=v□ 這裏有必要説明一下排列組合的符號： □C_{n}^{k} ■Leftrightarrow ■tbinom{n}{k} ■Leftrightarrow _{n}C_{k} □ 在寫法上，這三種表達的是同一個意思，都是從n種裏面取出k個有多少種取法。 不用擔心會不讓認識，之所以這麽寫，是因爲大數為底。（即從多的裏面取少的） 大陸教材是

  2021-09-05 17:48:02 JST | Maths | 1k reads
• 微積分前置知識4——高階導関数相關重要公式

  高階導関数の求め方 次に、高階導関数の微分公式について紹介する。 関数u(x)，v(x)はn階導関数を持つとき、 ■■(u±v)^{(n)}=u^{(n)}±v^{(n)}■■ ■■(Cu)^{(n)}=Cu^{(n)}■■ ライプニッツの微分公式：■■(uv)^{(n)}=□sum_{k=0}^n C_n^k u^{(n-k)} v^{(k)} ■■ その中、■■C_n^k

  2021-08-21 13:38:19 JST | Maths | 1k reads
• 微積分前置知識2——極限相關重要公式

  重現率非常高的9個公式： 1. □□■lim ■limits_{x ■to 0} ■frac{■sin x}{x}=1□□ 2. □□■lim ■limits_{x ■to ∞} (1+■frac{1}{x})^x=e□□ 3. □□■lim ■limits_{x ■to 0} ■frac{■tan x}{x}=1□□ 4. □□■lim ■limits_{x ■to 0} ■frac{1-■cos x}{x^2}=■frac{1}{2}□□ 5. □□■lim ■limits_{x ■to 0} ■frac{e^x-1}{x}=1□□ 6. □□■lim ■limits_{x ■to 0} ■frac{■ln (1+x)}{x}=1□□ 7. □□■lim ■limits_{x ■to 0} ■frac{■arctan x}{x}=1□□ 8. □□■lim ■limits_{x ■to 0} ■frac{■arc

  2021-08-16 15:49:03 JST | Maths | 1k reads
• 微積分前置知識1——部分分數分解經典公式

  部分分数分解经典公式1： □□ ■frac{cx+d}{(x+a)(x+b)}=■frac{A}{x+a}+■frac{B}{x+b}□□ 部分分数分解经典公式2： □□ ■frac{bx+c}{(x+a)^2}=■frac{A}{(x+a)^2}+■frac{B}{x+a}□□ 部分分数分解经典公式3： □□ ■frac{dx^2+ex+f}{(x+a)(x^2+bx+c)}=■frac{A}{x+a}+■frac{Bx+C}{x^2+bx+c}□□ 公式1演算： □□ ■frac{cx+d}{(x+a)(x+b)}□□ □□=■frac{A}{x+a}+■frac{B}{x+b}□□ □□=■frac{A(x+b)+B(x+a)}{(x+a)(x+b)}□□ □□=■frac{Ax+Ab+Bx+Ba

  2021-06-17 23:21:36 JST | Maths | 1k reads