Hexo + Github + Next搭建博客后，有时候需要写一些带有公式的博文。而默认情况下是不能显示数学公式的。这里介绍一种如何在博文上显示数学公式的方法。

Typora 本地数学公式编辑

在本地下文章想显示数学公式，推荐使用typora这个软件，可以非常简单的配置后显示数学公式。

行内公式

首先设置行内公式编辑功能

文件—偏好设置—Markdown—Markdown扩展语法—内联公式

设置后重启typora

行内公式编辑方法，直接在需要编写数学公式的地方写如下类似内容

1
$\sin(x) = x - \frac{x^3}{3!} + \cdots$

即，将公式写在**$**包括的里面就行，跟Latex语法一样。

居中显示公式

居中显示公式跟Latex语言一样，首先输入**$$**，然后回车，即可进入编辑模式。

或者使用快捷键：Ctrl + Shift + M

或者点击段落—公式块

网页显示数学公式

开启mathjax

进入目录 ~\themes\next，编辑**_config.yml** ，修改如下内容

1
2
3
4
5
# MathJax Support
mathjax:
  enable: true
  per_page: true
  cdn: //cdn.bootcss.com/mathjax/2.7.1/latest.js?config=TeX-AMS-MML_HTMLorMML

post模板添加mathjax

进入目录**~\scaffolds** ，编辑post.md，添加mathjax: true ，类似于如下内容

1
2
3
4
5
6
title: {{ title }}
author: Jinzhong Xu
date: {{ date }}
mathjax: true
tags:
categories:

这样，使用命令hexo new maths-formula创建新博文时就会自动加载上mathjax，使得数学公式正常显示。

其他

如果不想设置那么复杂，可以直接在想要写的博文前面添加如下内容，使得本博文可以显示数学公式

1
2
3
4
5
6
7
8
9
10
11
<head>
    <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"></script>
    <script type="text/x-mathjax-config">
        MathJax.Hub.Config({
            tex2jax: {
            skipTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
            inlineMath: [['$','$']]
            }
        });
    </script>
</head>