#介绍

hexo有很多很好用的插件, 可以优化写博客的体验, 尤其是对于一些数学公示或图表的渲染.

#公式

网上的关于数学公式渲染的解决方案基本都是换了hexo的默认markdown解析工具, 我不是很想这样修改, 还是想采用插件的方法.
hexo-math是一个渲染数学公式的插件, 虽然从github上的评论来看, 在很多情况下都存在不能渲染的问题, 不过按照下面的配置, 应该可以成功实现数学公式的渲染, 先看一下效果.

#效果

$$ \begin{aligned} \dot{x} & = \sigma(y-x) \\ \dot{y} & = \rho x - y - xz \\ \dot{z} & = -\beta z + xy \end{aligned} $$

#配置

首先通过npm安装hexo-math, 不知道为什么要连续执行两次才能执行成功.

1
2
npm install hexo-math --save
npm install hexo-math --save

修改网站根目录的_config.yml, 添加如下内容:

1
2
3
4
5
6
math:
  engine: 'mathjax' # or 'katex'
  mathjax:
    src: "//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"
    config:
      # MathJax config

#用法

由于正常markdown的$$...$$等写法会和hexo的解析方法产生冲突, 改成如下的写法即可:

1
2
3
4
5
6
7
8
9
10
11
{% raw %}
$$
\begin{array}{c|lcr}
n & \text{Left} & \text{Center} & \text{Right} \\
\hline
1 & 0.24 & 1 & 125 \\
2 & -1 & 189 & -8 \\
3 & -20 & 2000 & 1+10i
\end{array}
$$
{% endraw %}

显示结果如下:

$$ \begin{array}{c|lcr} n & \text{Left} & \text{Center} & \text{Right} \\ \hline 1 & 0.24 & 1 & 125 \\ 2 & -1 & 189 & -8 \\ 3 & -20 & 2000 & 1+10i \end{array} $$