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

::: preview

Footnote 1 link^[1].

Footnote 2 link^[2].

Inline footnote^[3] definition.

Duplicated footnote reference^[2:1].

:::

---

1. Footnote can have markup

   and multiple paragraphs. ↩︎

2. Footnote text. ↩︎ ↩︎

3. Text of inline footnote ↩︎