You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
vitepress/docs/ru/reference/frontmatter-config.md

7.0 KiB

outline
deep

Конфигурация метаданных

Метаданные обеспечивают настройку отдельных страниц. В каждом файле Markdown можно использовать метаданные, чтобы переопределить параметры конфигурации сайта или темы. Кроме того, есть параметры конфигурации, которые можно задать только через метаданные.

Пример использования:

---
title: Документация с VitePress
editLink: true
---

Вы можете получить доступ к метаданным через глобальный объект $frontmatter в выражениях Vue:

{{ $frontmatter.title }}

title

  • Тип: string

Заголовок страницы. Это то же самое, что config.title, и оно переопределяет конфигурацию сайта.

---
title: VitePress
---

titleTemplate

  • Тип: string | boolean

Суффикс для названия. Это то же самое, что и config.titleTemplate, и оно переопределяет конфигурацию сайта.

---
title: VitePress
titleTemplate: Генератор статических сайтов на основе Vite и Vue
---

description

  • Тип: string

Описание для страницы. Это то же самое, что и config.description, и оно переопределяет конфигурацию сайта.

---
description: VitePress
---

head

  • Тип: HeadConfig[]

Укажите дополнительные теги, которые будут выводиться для текущей страницы. Они будут добавляться после других тегов внутри блока head, введённых в конфигурации сайта.

---
head:
  - - meta
    - name: description
      content: привет
  - - meta
    - name: keywords
      content: супер-пупер SEO
---
type HeadConfig =
  | [string, Record<string, string>]
  | [string, Record<string, string>, string]

Только для темы по умолчанию

Следующие параметры метаданных применимы только при использовании темы по умолчанию.

layout

  • Тип: doc | home | page
  • По умолчанию: doc

Определяет макет страницы.

  • doc - Применяет стили документации по умолчанию к содержимому Markdown.
  • home - Вы можете добавить дополнительные параметры, такие как hero и features, чтобы быстро создать красивую целевую страницу.
  • page - Ведет себя аналогично doc, но не применяет стили к содержимому. Полезно, если вы хотите создать полностью настраиваемую страницу.
---
layout: doc
---

hero

Определяет содержимое секции hero, когда layout имеет значение home. Подробнее в главе Тема по умолчанию: Главная страница.

features

Определяет элементы для отображения в секции features, когда layout имеет значение home. Подробнее в главе Тема по умолчанию: Главная страница.

navbar

  • Тип: boolean
  • По умолчанию: true

Отображать ли панель навигации.

---
navbar: false
---

sidebar

  • Тип: boolean
  • По умолчанию: true

Отображать ли сайдбар.

---
sidebar: false
---

aside

  • Тип: boolean | 'left'
  • По умолчанию: true

Определяет расположение компонента aside в макете doc.

Установка этого значения в false предотвращает отрисовку контейнера сайдбара.
Установка этого значения в true приведёт к отображению сайдбара справа.
Установка этого значения в left приведёт к отображению сайдбара слева.

---
aside: false
---

outline

  • Тип: number | [number, number] | 'deep' | false
  • По умолчанию: 2

Уровни заголовков в оглавлении для отображения на странице. Это то же самое, что и config.themeConfig.outline.level, и оно переопределяет значение, установленное в конфигурации сайта.

---
outline: [2, 4]
---

lastUpdated

  • Тип: boolean | Date
  • По умолчанию: true

Отображать ли текст Обновлено в нижнем колонтитуле текущей страницы. Если указано время даты, оно будет отображаться вместо временной метки последнего изменения git.

---
lastUpdated: false
---
  • Тип: boolean
  • По умолчанию: true

Отображать ли ссылку для редактирования в нижнем колонтитуле текущей страницы.

---
editLink: false
---
  • Тип: boolean
  • По умолчанию: true

Отображать ли подвал.

---
footer: false
---

pageClass

  • Тип: string

Добавьте дополнительное имя класса на определённую страницу.

---
pageClass: custom-page-class
---

Вы также можете настроить стили этой конкретной страницы в файле .vitepress/theme/custom.css:

.custom-page-class {
  /* стили для конкретной страницы */
}