前言

该博客是使用butterfly美化的，本篇博客用来记录如何使博客正常显示数学公式。

环境配置

修改butterfly下面的yml文件

因为美化博客时，对博客配置文件进行了很多修改，我们这里从butterfly源代码仓库 查看官方给的关于数学公式的配置。

下面是关于官方给的内容：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
math:
  # Choose: mathjax, katex
  # Leave it empty if you don't need math
  use:
  per_page: true
  hide_scrollbar: false

  mathjax:
    # Enable the contextual menu
    enableMenu: true
    # Choose: all / ams / none, This controls whether equations are numbered and how
    tags: none

  katex:
    # Enable the copy KaTeX formula
    copy_tex: false

官方给了两种数学公式显示方案，MathJax 和 使用 KaTeX 。我使用的是 KaTeX ,按照官方给的内容修改butterfly配置文件，搜索math，把这里内容改为如下内容：

1
2
3
4
5
6
math:
  use: katex
  per_page: true
  hide_scrollbar: false
  katex:
    copy_tex: false

安装插件

使用 KaTeX，需额外安装 Hexo 插件：

1
npm install hexo-filter-katex

到这里就可以在博客中正常添加数学公式了。

书写格式

博客是用markdown语法写的，所以这里写公式仍需遵从markdown语法。

行内公式

行内公式通过单个美元符号包围。

1
这是一个行内公式：$E = mc^2$。

效果：这是一个行内公式：E=mc2E = mc^2。

块级公式

块级公式通过双美元符号包围，公式会以独立块的形式显示。

1
2
3
$$
\mathcal{L}\{f(t)\} = F(s) = \int_0^\infty e^{-st} f(t) \, dt
$$

效果：

L{f(t)}=F(s)=∫0∞e−stf(t) dt \mathcal{L}\{f(t)\} = F(s) = \int_0^\infty e^{-st} f(t) \, dt

结语

以上就是使用博客书写公式的所有步骤，希望对您有所帮助，关于更多公式符号或者格式的细节事项，这里不展开说，可直接在浏览器上查找。