Расширенные возможности Markdown
https://ecosystem.vuejs.press/plugins/markdown/markdown-ext.html
Сноски
Контент с первой сноской[1].
Контент со второй сноской[2].
Сноска внутри[3] текстового блока.
Ещё одна вторая сноска[2:1].
Посмотреть код
Контент с первой сноской[^first].
Контент со второй сноской[^second].
Сноска внутри^[Описание сноски] текстового блока.
Ещё одна вторая сноска[^second].
[^first]: Описание **первой сноски**
и даже многострочное.
[^second]: Описание второй сноски.
Чеклисты
Посмотреть код
- [ ] Пункт А
- [x] Пункт Б
Отключение интерполяции в блоке
{{ abc }}
Посмотреть код
::: v-pre
{{ abc }}
:::
Вызов компонента с параметрами
Встроенный компонент темы
Текст бейджа
Посмотреть код
```component Badge
text: Текст бейджа
type: tip
```
Кастомный компонент
Примечание
Компонент должен находиться в .vuepress/components
и быть зарегистрированным в client.js
Доступные типы: tip
| info
| warning
| danger
Тип: 'tip'Тип: 'info'Тип: 'warning'Тип: 'danger'
Посмотреть код
```component Pill
text: "Тип: 'tip'"
type: tip
```
```component Pill
text: "Тип: 'info'"
type: info
```
```component Pill
text: "Тип: 'warning'"
type: warning
```
```component Pill
text: "Тип: 'danger'"
type: danger
```
Альтернатива — прямой тег в Markdown:
Тип: 'tip'Тип: 'info'Тип: 'warning'Тип: 'danger'
Посмотреть код
<Pill text="Тип: 'tip'" type="tip" />
<Pill text="Тип: 'info'" type="info" />
<Pill text="Тип: 'warning'" type="warning" />
<Pill text="Тип: 'danger'" type="danger" />