Hexo Next 博客 Markdown 数学公式完全指南

环境配置 (Configuration)

更换渲染引擎

Hexo 默认的渲染器 hexo-renderer-marked 对 LaTeX 的支持并不友好(如下划线 _ 会被解析为斜体)。建议更换为 hexo-renderer-pandoc 或 hexo-filter-mathjax。
但是在hexo-next实际应用中,pandoc不支持行内代码符号(` `)
hexo-next中卸载marked单独安装【hexo-filter-mathjax】,编译时也出错。
暂时用的是,marked加【hexo-filter-mathjax】。

推荐方案(安装 MathJax 插件):
在博客根目录下执行:

npm uninstall hexo-renderer-marked --save
npm install hexo-renderer-kramed --save
# 或者直接安装 mathjax 插件,单独只用这个 编译时出错
npm install hexo-filter-mathjax --save

开启 Next 主题支持

编辑主题配置文件 _config.next.yml ,搜索 math,将 mathjax 设为 true:

math:
enable: true
every_page: false # 建议设为 false,按需加载,提高访问速度
mathjax:
enable: true
# ...其他默认设置

文章 Front-matter 设置

在你需要使用公式的文章顶部(Front-matter)添加 mathjax: true:

---
title: 我的数学笔记
date: 2023-10-27
tags: [Math, Hexo]
mathjax: true
---

基础语法

行内公式 (Inline): 将公式包裹在 $ 之间。

  • 写法:$E=mc^2$
  • 效果:

上标与下标 (Scripts)

  • 上标: ^,例如 x^2 →

  • 下标: _,例如 H_2O →
    H<sub>2</sub>O也可以表示下标为: H2O

  • 组合:$ x_{i}^{2} $(多字符需用 {} 包裹)

块级公式 (Block):

将公式包裹在 $$ 之间,公式会独占一行并居中。

写法:$$ \sum_{i=1}^n a_i = 0 $$

效果:

数学公式速查大全

希腊字母 (Greek Letters)

写法 效果 写法 效果 写法 效果
\alpha α \theta θ \phi ϕ
\beta β \lambda λ \Phi Φ
\gamma γ \mu μ \psi ψ
\Gamma Γ \pi π \omega ω
\delta δ \rho ρ \Omega Ω
\Delta Δ \sigma σ \epsilon ϵ
\eta η \tau τ \varepsilon ε

运算符号与关系符 (Operators & Relations)

描述 写法 效果 描述 写法 效果
加减乘除 + - \times \div +−×÷ 点乘 \cdot
约等于 \approx 不等于 \neq ≠\
小于等于 \leq 大于等于 \geq
正负号 \pm ± 无穷大 \infty
分数 \frac{a}{b} 根号 \sqrt{x}
推断 \implies 推导 \Rightarrow

括号与定界符

注意:大括号 {} 在 LaTeX 中有特殊含义,需要使用 \ 转义。

写法 效果 说明
( ) [ ] ()[] 普通括号
{ } {} 大括号 (集合)
\langle \rangle ⟨⟩ 尖括号
\left( \frac{a}{b} \right) (ab) 自适应大小括号 (推荐)

积分、求和与极限

写法 效果 备注
\sum_{i=0}^n ∑i=0n 求和
\prod_{i=0}^n ∏i=0n 乘积
\int_{a}^{b} ∫ab 积分
\lim_{x \to \infty} lim⁡x→∞ 极限

矩阵与方程组

矩阵:

$$
\begin{bmatrix}
1 & 2 \\
3 & 4
\end{bmatrix}
$$

多行对齐方程组:

$$
\begin{cases}
x + y = 1 \\
x - y = 2
\end{cases}
$$

$$
\begin{aligned}
s&=\frac{1}{2}(a+b)h\\
&=\frac{1}{2}(8+12)·6\\
&=10·6=60
\end{aligned}
$$

带圈数字符号 (Circled Numbers)

这是很多用户经常询问的功能。在 MathJax/Web 环境下,有几种方法可以实现带圈数字。

使用 \textcircled{} 命令 (LaTeX 原生)

这是 LaTeX 的标准命令,但在部分浏览器字体渲染下,圈圈可能会显得略小或字符不居中。

写法 效果 备注
\textcircled{1} 基础用法
\textcircled{a} 字母
\textcircled{\small{2}} 调整内部字体大小优化显示

直接使用 Unicode 字符 (推荐)

最简单且兼容性最好的方法是直接复制 Unicode 特殊字符。这些字符在所有现代设备上都能完美显示,不需要 LaTeX 编译。

实心圆圈:
❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾ ❿

空心圆圈:
① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩ ⑪ ⑫ ⑬ ⑭ ⑮ ⑯ ⑰ ⑱ ⑲ ⑳

㊀ ㊁ ㊂ ㊃ ㊄ ㊅ ㊆ ㊇ ㊈ ㊉

ⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙⓚⓛⓜⓝⓞⓟⓠⓡⓢⓣⓤⓥⓦⓧⓨⓩ⓪
ⒶⒷⒸⒹⒺⒻⒼⒽⒾⒿⓀⓁⓂⓃⓄⓅⓆⓇⓈⓉⓊⓋⓌⓍⓎⓏ

常见问题 (Troubleshooting)

  1. **汉字不显示:**MathJax 默认不支持公式内直接写中文,请使用 \text{中文} 包裹。例如: → v初始
  2. 下划线 _ 报错:
    如果在公式中使用了多个 _ 导致渲染失败,尝试使用 _ 进行转义,或者确保你已经按照第一章配置了 hexo-renderer-kramed。

带圆圈的数字和markdown常用表达式记录(持续更新中)_markdown圆圈数字-CSDN博客

如何优雅地在Markdown中输入数学公式 - 不爱喝橙子汁的橙子 - 博客园