Footnote
Less than 1 minute
Let the Markdown file in your VuePress site support footnotes.
Settings
import { defineUserConfig } from "vuepress";
import { hopeTheme } from "vuepress-theme-hope";
export default defineUserConfig({
theme: hopeTheme({
markdown: {
footnote: true,
},
}),
});
Syntax
Use
[^Anchor text]
in Markdown to define a footnoteUse
[^Anchor text]: ...
to describe footnote contentIf 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.
Changelog
2/18/25, 7:08 AM
View All Changelog
b1230
-on22787
-onb41c0
-on54c46
-on55ea3
-on757fd
-on83bff
-on2a306
-on8174c
-onedfb0
-on2243a
-on2fa50
-on3c8d6
-on9856d
-on23515
-on48bca
-on9cdd7
-on63d09
-onfd395
-on1eb77
-on60053
-onf6ff0
-on3c199
-on019a8
-onace60
-on8e875
-on