hexo插件整理

#介绍

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

#公式

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

#效果

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

#配置

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

npm install hexo-math --save
npm install hexo-math --save

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

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

#用法

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

{% 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}{clcr}n& \text{Left}& \text{Center}& \text{Right}\\ 1& 0.24& 1& 125\\ 2& -1& 189& -8\\ 3& -20& 2000& 1+10i\end{array}$$