VuePress 数学公式支持

作者：ReturnTmp

2023-08-18
河北
本文字数：673 字
阅读完需：约 2 分钟

前言

博主在为 VuePress1.0 博客添加数学公式支持过程中遇到如下问题

问题一

在配置诸如 markdown-it-texmath,markdown-it-katex,markdown-it-mathjax3 这些插件后遇到

Error: Dynamic require of "XXX" is not supported

问题二

配置插件 vuepress-plugin-mathjax 成功，但是我发现此插件并不支持多行公式（也有可能是因为我的公式有错误，导致全部渲染失败，同样不符合要求）

方案

安装

npm install @mdit/plugin-katex

配置

VuePress 1.0 配置

import { katex } from '@mdit/plugin-katex'
export default defineConfig4CustomTheme<VdoingThemeConfig>({  markdown: {        extendMarkdown: (md) => {          md.use(katex);          md.linkify.set({ fuzzyEmail: false });        },  },    })

复制代码

VuePress 2.0 配置

import { katex } from '@mdit/plugin-katex'
export default defineUserConfig({    extendsMarkdown: (md) => {        md.use(katex);        md.linkify.set({ fuzzyEmail: false });    }, })

复制代码

注意：博主使用博客主题为Vdoing，上述配置中某些代码和读者不同，请自行更改

样式

head: [    [      "link",      {        rel: "stylesheet",        href: "https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.min.css",      },    ], // 让md支持数学公式    [      "link",      {        rel: "stylesheet",        href: "https://cdn.jsdelivr.net/npm/katex@0.16.8/dist/katex.min.js",      },    ], // 让md支持数学公式]

复制代码

参考文章

VuePress@next 使用数学公式插件

发布于: 刚刚阅读数: 3

原文链接:【http://xie.infoq.cn/article/2469b938e81dccc68e2ebbf36】。文章转载请联系作者。

ReturnTmp

关注

还未添加个人签名 2023-08-05 加入

还未添加个人简介

发布

暂无评论

创作场景

VuePress 数学公式支持

前言

问题一

问题二

方案

安装

配置

样式

推荐阅读

参考文章

ReturnTmp

评论