footnote support

[gureckis]

Hi,
Awesome project and the new theme in 1.0.0-alpha is slick. I was wondering if anyone know if it is possible to enable markdown footnotes in vitepress? I tried searching the past issues, discussion, and code and couldn't find any reference to it. In longer docs can be really helpful!
Thanks,
Todd

[brc-dd]

Please refer advanced configuration section here: https://vitepress.vuejs.org/guide/markdown.html#advanced-configuration

After installing and configuring markdown-it-footnote like this:

// .vitepress/config.js

import footnote from 'markdown-it-footnote'
import { defineConfig } from 'vitepress'

export default defineConfig({
  markdown: {
    config: (md) => {
      md.use(footnote)
    }
  }
})

You'll be able to use footnotes:

Here's a simple footnote,[^1] and here's a longer one.[^bignote]

[^1]: This is the first footnote.

[^bignote]: Here's one with multiple paragraphs and code.

    Indent paragraphs to include them in the footnote.

    `{ my code }`

    Add as many paragraphs as you like.

Output:

[gureckis]

awesome, worked perfectly! Thanks so much!

[arcqiufeng]

I know little about js.

So can you tell me how to merge the code:

I have the code already:

    markdown: {
        config: (md) => {
            md.use(mathjax3); // 添加公式latex支持
        },
    },

how to merge the code into?

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

[arcqiufeng]

However, I got it.

Just add the line

markdown: {
    config: (md) => {
        md.use(mathjax3);      
        md.use(footnote)
    }
  }

[khawarizmus]

@brc-dd is there any way to specify the location of the footnotes? it always renders at the bottom of the page

[brc-dd]

Ah, that's what "foot"note means 🤷‍♂️ You'd need to find some other plugin probably if you just wanna extract them and render manually.