Skip to main content

Footnote

Less than 1 minuteMarkdownFootnoteMarkdown

Let the Markdown file in your VuePress site support footnotes.

Settings

TS
import { defineUserConfig } from "vuepress";
import { hopeTheme } from "vuepress-theme-hope";

export default defineUserConfig({
  theme: hopeTheme({
    plugins: {
      mdEnhance: {
        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 ↩︎