Сноска
Меньше 1 минуты
Пусть файл Markdown на вашем сайте VuePress поддерживает сноски.
Конфиг
TS
// .vuepress/config.ts
import { defineUserConfig } from "vuepress";
import { hopeTheme } from "vuepress-theme-hope";
export default defineUserConfig({
theme: hopeTheme({
plugins: {
mdEnhance: {
footnote: true,
},
},
}),
});
JS
// .vuepress/config.js
import { hopeTheme } from "vuepress-theme-hope";
export default {
theme: hopeTheme({
plugins: {
mdEnhance: {
footnote: true,
},
},
}),
};
Синтаксис
Используйте
[^Anchor text]
в Markdown, чтобы определить сноскуИспользуйте
[^Anchor text]: ...
для описания содержимого сноскиЕсли в сноске есть несколько абзацев, абзац должен быть с двойным отступом
Демо
Сноска 1 ссылка[1].
Сноска 2 ссылка[2].
Встроенная сноска[3] определение.
Дублированная ссылка на сноску[2:1].
Сноска 1 ссылка[^first].
Сноска 2 ссылка[^second].
Встроенная сноска^[Текст встроенной сноски] определение.
Дублированная ссылка на сноску[^second].
[^first]: Сноска **может иметь разметку**
и несколько абзацев.
[^second]: Текст сноски.