vuepress中使用数学公式markdown-it-katex

参考：

vuepress中使用数学公式_我是真的很喜欢你的博客-CSDN博客_vue 公式插件 (opens new window)

[Typescript] 为第三方库添加声明文件 .d.ts - 简书 (jianshu.com) (opens new window)

安装

1. 安装数学公式插件 markdown-it-katex

yarn add markdown-it-katex

2. 修改 .vuepress/config.js 下的配置

module.exports = {
    // ...
    head: [
        [
			'link',
			{
				rel: 'stylesheet',
				href: 'https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.css'
			}
		],
		[
			'link',
			{
				rel: "stylesheet",
				href: "https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/2.10.0/github-markdown.min.css"
			}
		]
    ],
    // ...
    extendMarkdown(md) {
        md.set({ html: true });
        md.use(require("markdown-it-katex"));
    },
    // ...
}

3. 在.vuepress文件夹下新建types文件夹，在新建的文件夹里新建index.d.ts

declare module 'markdown-it-katex';

使用

• $数学公式$

$f(x) = ax^2 + bx + c$

• $$数学公式$$

$$
m^{\varphi(n)} \equiv 1\pmod{n}
$$