MathJax: 让前端支持数学公式

文章图片存储在GitHub，网速不佳的朋友，请看《MathJax：让前端支持数学公式》 或者 来我的技术小站 godbmw.com

1. 必须要说

1.1 开发背景

博主使用Vue开发的个人博客，博文使用markdown语法编写，然后交给前端渲染。为了更方便的进行说明和讲解，需要前端支持LaTex的数学公式，并且渲染好看的样式。

1.2 效果展示

数学公式分为行内公式和跨行公式，当然都需要支持和渲染。

我准备了3条公式，分别是行内公式、跨行公式和超长的跨行公式：

$\alpha+\beta=\gamma$

$$\alpha+\beta=\gamma$$

$$\int_{0}^{1}f(x)dx \sum_{1}^{2}\int_{0}^{1}f(x)dx \sum_{1}^{2}\int_{0}^{1}f(x)dx \sum_{1}^{2}\int_{0}^{1}f(x)dx \sum_{1}^{2}\int_{0}^{1}f(x)dx \sum_{1}^{2}\int_{0}^{1}f(x)dx \sum_{1}^{2}\int_{0}^{1}f(x)dx \sum_{1}^{2}\int_{0}^{1}f(x)dx \sum_{1}^{2}\int_{0}^{1}f(x)dx \sum_{1}^{2}\int_{0}^{1}f(x)dx \sum_{1}^{2}$$

这篇测试文章的地址是:https://godbmw.com/passage/12。效果图如下所示：

2. 使用MathJax

2.1 引入CDN

在使用MathJax之前，需要通过CDN引入, 在标签中添加：
`