Footnote

Let the Markdown file in your VuePress site support footnotes.

Settings

.vuepress/theme.ts

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

export default 
hopeTheme
({
  
markdown
: {
    
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 ↩︎