KaTeX数学公式语法手册

KaTeX 支持大部分 LaTeX 数学模式中的语法,但它的目标是轻量级和高性能,因此可能不包含LaTeX的全部功能。下面列举一些常用的 KaTeX 语法,但请注意,为了全面了解和获取最新的语法信息,建议直接参考 KaTeX 的官方文档(https://katex.org/docs/supported.html)。

基础数学符号

  • 加减乘除: +, -, *, /
  • 指数: ^ 例如:x^2 表示 x 2 x^2 x2
  • 下标: _ 例如:x_i 表示 x i x_i xi
  • 分数: \frac{numerator}{denominator} 例如:\(\frac{1}{2}\) 表示 1 2 \frac{1}{2} 21

根号与对数

  • 平方根: \sqrt{expression} 例如:\(\sqrt{x}\) 表示 x \sqrt{x} x
  • n次根: \sqrt[n]{expression} 例如:\(\sqrt[3]{y}\) 表示 y 3 \sqrt[3]{y} 3y
  • 自然对数: \ln(expression) 例如:\(\ln(x)\) 表示 ln ⁡ ( x ) \ln(x) ln(x)
  • 对数: \log_{base}(expression)\log(expression) 例如:\(\log_{10}(x)\) 表示 log ⁡ 10 ( x ) \log_{10}(x) log10(x)

求和与积分

  • 求和: \sum_{lower}^{upper} expression 例如:\(\sum_{i=1}^{n} i^2\) 表示 ∑ i = 1 n i 2 \sum_{i=1}^{n} i^2 i=1ni2
  • 多重求和: 支持多个下标和上标
  • 积分: \int_{lower}^{upper} expression dx 例如:\(\int_{a}^{b} f(x) dx\) 表示 ∫ a b f ( x ) d x \int_{a}^{b} f(x) dx abf(x)dx
  • 多重积分: 支持多维积分表达式

矩阵与行列式

  • 矩阵: 使用 pmatrix, bmatrix, vmatrix, Vmatrix 环境
    • 例如:\(\begin{pmatrix} a & b \\ c & d \end{pmatrix}\)
    • 表示: ( a b c d ) \begin{pmatrix} a & b \\ c & d \end{pmatrix} (acbd)

特殊符号与希腊字母

  • 希腊字母: 直接使用如 \alpha, \beta, \Gamma, \Delta
  • 特殊符号: 如 \infty(无穷大)、\partial(偏导数符号)
  • 表示: α , β , Γ , Δ , ∞ , ∂ \alpha, \beta, \Gamma, \Delta, \infty, \partial α,β,Γ,Δ,,

基本算术运算与分数

  • 行内公式:\( a + b = c \) 显示为 a + b = c a + b = c a+b=c
  • 分数:\( \frac{1}{2} $$ 显示为 1 2 \frac{1}{2} 21
  • 平方根:\( \sqrt{x} \) 显示为 x \sqrt{x} x ,立方根:\( \sqrt[3]{y} \) 显示为 y 3 \sqrt[3]{y} 3y

上标与下标

  • 上标:\( a^n \) 显示为 a n a^n an
  • 下标:\( a_n \) 显示为 a n a_n an
  • 同时使用上标和下标:\( {}_{1}^{2}\pi \) 显示为 1 2 π {}_{1}^{2}\pi 12π

求和与积

  • 求和:\( \sum_{i=1}^{n} i^2 \) 显示为 ∑ i = 1 n i 2 \sum_{i=1}^{n} i^2 i=1ni2
  • 积:\( \prod_{i=1}^{n} x_i \) 显示为 ∏ i = 1 n x i \prod_{i=1}^{n} x_i i=1nxi

矩阵与向量

  • 矩阵:\( \begin{pmatrix} a & b \\ c & d \end{pmatrix} \) 显示为 ( a b c d ) \begin{pmatrix} a & b \\ c & d \end{pmatrix} (acbd)
  • 向量:\( \begin{bmatrix} x \\ y \\ z \end{bmatrix} \) 显示为 [ x y z ] \begin{bmatrix} x \\ y \\ z \end{bmatrix} xyz

括号与大括号

  • 自动调整大小的括号:\( \left( \frac{a}{b} \right) \) 显示为 ( a b ) \left( \frac{a}{b} \right) (ba)
  • 大括号:\( \left\{ \frac{a}{b}, \frac{c}{d} \right\} \) 显示为 { a b , c d } \left\{ \frac{a}{b}, \frac{c}{d} \right\} {ba,dc}

微积分符号

  • 导数:\( \frac{d}{dx}f(x) \) 显示为 d d x f ( x ) \frac{d}{dx}f(x) dxdf(x)
  • 积分:\( \int_{a}^{b} f(x)\,dx \) 显示为 ∫ a b f ( x )   d x \int_{a}^{b} f(x)\,dx abf(x)dx
  • 二重积分:\( \iint_{D} f(x,y)\,dx\,dy \) 显示为 ∬ D f ( x , y )   d x   d y \iint_{D} f(x,y)\,dx\,dy Df(x,y)dxdy

希腊字母

  • 小写:如 \alpha (( \alpha )), \beta β \beta β
  • 大写:如 \Gamma (KaTeX parse error: Can't use function '\)' in math mode at position 9: \Gamma \̲)̲), `\Delta` \Delta $$

特殊函数

  • 对数:\( \ln(x) \)\( \log(x) \) 显示: ln ⁡ ( x ) \ln(x) ln(x) log ⁡ ( x ) \log(x) log(x)
  • 指数函数:\( e^{x} \) 显示: e x e^{x} ex
  • 三角函数:\( \sin(x) \), \cos(x) \), \tan(x) \) 等; 显示: sin ⁡ ( x ) \sin(x) sin(x), \cos(x) , tan ⁡ ( x ) , \tan(x) ,tan(x)

括号与大括号

  • 自动调整大小的括号: 使用 \left(\right) 匹配
  • 大括号: \{...\} 或使用 \left\{...\right\} 自动调整大小
  • 表示: { . . . } , { . . . } \{...\}, \left\{...\right\} {...},{...}

分段函数、案例与对齐

  • 分段函数: 使用 cases 环境
  • 对齐环境: 使用 aligned 等环境对多行公式进行对齐
  • 表示: c a s e s , a l i g n e d cases, aligned cases,aligned

层叠与叠加

  • 层叠: 使用 \substack 用于下标堆叠
  • 叠加: 使用 \overline, \underline, \overbrace, \underbrace
  • 表示: , , , ‾ , ‾ , ⏟ ,\substack, \overline, \underline,\underbrace, ,,,, ,

更多高级用法

  • 颜色: 支持通过 \color 命令改变颜色
  • 自定义宏: 可以通过 katex 的配置自定义宏
  • 字体样式: 支持斜体、粗体等

借鉴的文档:

  1. 博客: https://blog.csdn.net/Leytton/article/details/103745169
  2. 官方文档: https://katex.org/docs/support_table.html
  3. 数学网站: https://mathworld.wolfram.com/
  4. 数学符号: https://www.yuque.com/wangyumath/tools/yhb620
  5. 数学开发工具网站: https://docs.mathjax.org/en/latest/index.html
  • 27
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
KaTeX 是一款基于 TeX 的 JavaScript 引擎,用于在 Web 中渲染数学公式数学符号。KaTeX 能够快速渲染数学公式,而且渲染出来的公式非常漂亮。本文将详细介绍 KaTeX 的使用方法。 ## 安装 KaTeX KaTeX 可以通过 npm 包管理工具进行安装,也可以通过 CDN 引入。本文将介绍两种安装方式。 ### 通过 npm 安装 KaTeX 可以通过以下命令在项目中安装 KaTeX: ``` npm install katex ``` ### 通过 CDN 引入 KaTeX 可以通过以下方式引入 KaTeX: ```html <head> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex/dist/katex.min.css" /> <script src="https://cdn.jsdelivr.net/npm/katex/dist/katex.min.js"></script> </head> ``` ## 渲染数学公式 ### 使用 KaTeX 渲染数学公式 在 HTML 中使用 KaTeX 渲染数学公式非常简单。只需要在需要渲染的数学公式所在的标签中添加 `katex` 类名,然后在标签内部添加 TeX 语法数学公式即可。 ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>KaTeX Demo</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex/dist/katex.min.css" /> <script src="https://cdn.jsdelivr.net/npm/katex/dist/katex.min.js"></script> </head> <body> <p class="katex">$$\sum_{i=1}^n i = \frac{n(n+1)}{2}$$</p> <p class="katex">\[\int_{-\infty}^{+\infty} e^{-x^2} dx = \sqrt{\pi}\]</p> </body> </html> ``` 在上面的代码中,我们在两个不同的段落中使用了 `katex` 类名,并在标签内部添加了 TeX 语法数学公式。 ### 使用 KaTeX API 渲染数学公式 KaTeX 提供了一组 API,可以在 JavaScript 中渲染数学公式。 ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>KaTeX Demo</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex/dist/katex.min.css" /> <script src="https://cdn.jsdelivr.net/npm/katex/dist/katex.min.js"></script> </head> <body> <p id="formula1"></p> <p id="formula2"></p> <script> const formula1 = document.getElementById("formula1"); katex.render("\\sum_{i=1}^n i = \\frac{n(n+1)}{2}", formula1); const formula2 = document.getElementById("formula2"); katex.render("\\int_{-\\infty}^{+\\infty} e^{-x^2} dx = \\sqrt{\\pi}", formula2); </script> </body> </html> ``` 在上面的代码中,我们在两个不同的段落中使用了 `id` 属性,并在 JavaScript 中使用 `katex.render` 方法渲染了数学公式。 ## KaTeX TeX 语法 KaTeX 使用 TeX 语法渲染数学公式,因此熟悉 TeX 语法可以帮助我们更好地使用 KaTeX。下面是一些常用的 TeX 语法: ### 希腊字母 ``` \alpha, \beta, \gamma, \delta, \epsilon, \varepsilon, \zeta, \eta, \theta, \vartheta, \iota, \kappa, \lambda, \mu, \nu, \xi, \pi, \varpi, \rho, \varrho, \sigma, \varsigma, \tau, \upsilon, \phi, \varphi, \chi, \psi, \omega ``` ### 上标和下标 ``` x^2, x_{1}, x_{i+1}, x^{2}_{i+1} ``` ### 分数 ``` \frac{a}{b} ``` ### 开平方 ``` \sqrt{2}, \sqrt[n]{a} ``` ### 求和、积分、极限 ``` \sum_{i=1}^n i, \int_{a}^{b} f(x) dx, \lim_{x\to\infty} f(x) ``` ### 矩阵 ``` \begin{matrix}a & b \\ c & d\end{matrix} ``` ### 其他符号 ``` \infty, \pm, \times, \div, \neq, \leq, \geq, \approx, \equiv, \subset, \subseteq, \cup, \cap, \forall, \exists, \in, \notin, \rightarrow, \leftarrow ``` ## 总结 本文介绍了 KaTeX 的安装和使用方法,并介绍了一些常用的 TeX 语法KaTeX 是一款非常强大的 JavaScript 引擎,可以帮助我们在 Web 中快速渲染数学公式数学符号,非常适合用于科技类网站和博客。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值