Skip to main content

Footnote

Less than 1 minute

Let the Markdown file in your VuePress site support footnotes.

Settings

import { mdEnhancePlugin } from "vuepress-plugin-md-enhance";

export default {
  plugins: [
    mdEnhancePlugin({
      // Enable Footnote
      footnote: true,
    }),
  ],
};






 



Syntax

  • Use [^Anchor text] in Markdown to define a footnote

  • Use [^Anchor text]: ... to describe footnote content

  • If there are multiple paragraphs in footnote, the paragraph show be double indented

Demo

Footnote 1 link[1].

Footnote 2 link[2].

Inline footnote[3] definition.

Duplicated footnote reference[2:1].

Footnote 1 link[^first].

Footnote 2 link[^second].

Inline footnote^[Text of inline footnote] definition.

Duplicated footnote reference[^second].

[^first]: Footnote **can have markup**

    and multiple paragraphs.

[^second]: Footnote text.

  1. Footnote can have markup

    and multiple paragraphs. ↩︎

  2. Footnote text. ↩︎ ↩︎

  3. Text of inline footnote ↩︎