Метаданные обеспечивают настройку отдельных страниц. В каждом файле Markdown можно использовать метаданные, чтобы переопределить параметры конфигурации сайта или темы. Кроме того, есть параметры конфигурации, которые можно задать только через метаданные.
Пример использования:
---
title: Документация с VitePress
editLink: true
---
Вы можете получить доступ к метаданным через глобальный объект $frontmatter в выражениях Vue:
{{ $frontmatter.title }}
stringЗаголовок страницы. Это то же самое, что config.title, и оно переопределяет конфигурацию сайта.
---
title: VitePress
---
string | booleanСуффикс для названия. Это то же самое, что и config.titleTemplate, и оно переопределяет конфигурацию сайта.
---
title: VitePress
titleTemplate: Генератор статических сайтов на основе Vite и Vue
---
stringОписание для страницы. Это то же самое, что и config.description, и оно переопределяет конфигурацию сайта.
---
description: VitePress
---
HeadConfig[]Укажите дополнительные теги, которые будут выводиться для текущей страницы. Они будут добавляться после других тегов внутри блока head, введённых в конфигурации сайта.
---
head:
- - meta
- name: description
content: привет
- - meta
- name: keywords
content: супер-пупер SEO
---
type HeadConfig =
| [string, Record<string, string>]
| [string, Record<string, string>, string]
Следующие параметры метаданных применимы только при использовании темы по умолчанию.
doc | home | pagedocОпределяет макет страницы.
doc - Применяет стили документации по умолчанию к содержимому Markdown.home - Вы можете добавить дополнительные параметры, такие как hero и features, чтобы быстро создать красивую целевую страницу.page - Ведет себя аналогично doc, но не применяет стили к содержимому. Полезно, если вы хотите создать полностью настраиваемую страницу.
---
layout: doc
---
Определяет содержимое секции hero, когда layout имеет значение home. Подробнее в главе Тема по умолчанию: Главная страница.
Определяет элементы для отображения в секции features, когда layout имеет значение home. Подробнее в главе Тема по умолчанию: Главная страница.
booleantrueОтображать ли панель навигации.
---
navbar: false
---
booleantrueОтображать ли сайдбар.
---
sidebar: false
---
boolean | 'left'trueОпределяет расположение компонента aside в макете doc.
Установка этого значения в false предотвращает отрисовку контейнера сайдбара.\
Установка этого значения в true приведёт к отображению сайдбара справа.\
Установка этого значения в left приведёт к отображению сайдбара слева.
---
aside: false
---
number | [number, number] | 'deep' | false2Уровни заголовков в оглавлении для отображения на странице. Это то же самое, что и config.themeConfig.outline.level, и оно переопределяет значение, установленное в конфигурации сайта.
---
outline: [2, 4]
---
boolean | DatetrueОтображать ли текст Обновлено в футере текущей страницы. Если указано время даты, оно будет отображаться вместо временной метки последнего изменения git.
---
lastUpdated: false
---
booleantrueОтображать ли ссылку для редактирования в футере текущей страницы.
---
editLink: false
---
booleantrueОтображать ли футер.
---
footer: false
---
stringДобавьте дополнительное имя класса на определённую страницу.
---
pageClass: custom-page-class
---
Вы также можете настроить стили этой конкретной страницы в файле .vitepress/theme/custom.css:
.custom-page-class {
/* стили для конкретной страницы */
}
booleanСтандартная тема полагается на проверки типа frontmatter.layout === 'home', чтобы определить, является ли текущая страница домашней (главной).\
Это полезно, когда вы хотите принудительно показывать элементы домашней страницы в пользовательском макете.
---
isHome: true
---