vuepress插入数学公式，亲测有效

项目场景：

vuepress需要插入数学公式

问题描述

vuepress对数学公式支持 不够好，需要插件支持

解决方案：

安装markdown-it-mathjax3 最新版，网上很多方法说2.X/3.X这问题那问题的，目前vuepress2（2.0.0-beta.49）安装mathjax3（4.3.1）最新版似乎没有问题

npm install markdown-it markdown-it-mathjax3

在config.ts文件中添加配置

extendsMarkdown: md => {md.use(require('markdown-it-mathjax3'))md.linkify.set({ fuzzyEmail: false })},

如下

import { defineUserConfig } from 'vuepress'export default defineUserConfig({lang: 'zh-CN',title: '你好， VuePress ！',description: '这是我的第一个 VuePress 站点',extendsMarkdown: md => {md.use(require('markdown-it-mathjax3'))md.linkify.set({ fuzzyEmail: false })},})

目前测试的latex公式如下
md文件：

# Hello VuePress
## $$ $\sin \alpha + \sin \beta =2 \sin \frac{\alpha + \beta}{2}\cos \frac{\alpha - \beta}{2}$$\begin{array}{c} A={\left[ a_{ij}\right]_{m \times n}},B={\left[ b_{ij}\right]_{n \times s}} \\  c_{ij}= \sum \limits_{k=1}^{{n}}a_{ik}b_{kj} \\  C=AB=\left[ c_{ij}\right]_{m \times s}  = \left[ \sum \limits_{k=1}^{n}a_{ik}b_{kj}\right]_{m \times s} 
\end{array}$$O = \begin{bmatrix}  0 & 0 & \cdots & 0 \\  0 & 0 & \cdots & 0 \\  \vdots & \vdots & \ddots & \vdots \\  0 & 0 & \cdots & 0  
\end{bmatrix}$$P \left( \bigcup \limits_{i=1}^{+ \infty}A_{i}\right) = \prod \limits_{i=1}^{+ \infty}P{\left( A_{i}\right)}$     $(1+x)^{n} =1 + \frac{nx}{1!} + \frac{n(n-1)x^{2}}{2!} + \cdots$ $\begin{array}{l}  \nabla \cdot \mathbf{E} =\cfrac{\rho}{\varepsilon _0}  \\  \nabla \cdot \mathbf{B} = 0 \\  \nabla \times  \mathbf{E} = -\cfrac{\partial \mathbf{B}}{\partial t }  \\  \nabla \times  \mathbf{B} = \mu _0\mathbf{J} + \mu _0\varepsilon_0 \cfrac{\partial \mathbf{E}}{\partial t }   
\end{array}$

vuepress渲染结果：

更多公式格式支持情况还需要进一步测试

需要注意的是 $$ 之间不能与 $ 有空格
如下错误

$  (1+x)^{n} =1 + \frac{nx}{1!} + \frac{n(n-1)x^{2}}{2!} + \cdots  $

如下正确

$(1+x)^{n} =1 + \frac{nx}{1!} + \frac{n(n-1)x^{2}}{2!} + \cdots$

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！