vitepress添加脚注插件

JS版本

首先要安装 markdown-it-footnote这个库

yarn add markdown-it-footnote

然后再修改.vitepress\config.js，引入这个库

export default {
    title: '网站标题',

    markdown:{
      config:(md)=>{
        md.use(require("markdown-it-footnote"))
      }
    },
  

TS版本

首先要安装 markdown-it-footnote这个库的TypeScript版本

yarn add @types/markdown-it-footnote

然后再修改.vitepress\config.ts，引入这个库

import  footnote_plugin  from "markdown-it-footnote";
import { defineConfig } from "vitepress"

export default defineConfig( {
    title: '网站标题',

    markdown:{
      config:(md)=>{
        md.use(footnote_plugin)
      }
    })

使用效果

然后在文档中使用markdown脚注语法，如

先帝创业未半 [^1]

[^1]: 诸葛亮《出师表》

就可以看到脚注渲染了