Frontmatter امکان پیکربندی بر اساس صفحه را فراهم میکند. در هر فایل markdown، شما میتوانید از تنظیمات frontmatter برای بازنویسی تنظیمات سطح سایت یا تم استفاده کنید. همچنین، تنظیماتی وجود دارند که فقط میتوانید آنها را در frontmatter تعریف کنید.
نمونه استفاده:
---
title: مستندات با ویتپرس
editLink: true
---
شما میتوانید به دادههای frontmatter از طریق $frontmatter در بیانیههای Vue دسترسی داشته باشید:
{{ $frontmatter.title }}
stringعنوان صفحه. همانطور که در config.title است، این تنظیمات سطح سایت را بازنویسی میکند.
---
title: ویتپرس
---
string | booleanپسوند برای عنوان. همانطور که در config.titleTemplate است، این تنظیمات سطح سایت را بازنویسی میکند.
---
title: ویتپرس
titleTemplate: Vite & Vue powered static site generator
---
stringتوضیحات صفحه. همانطور که در config.description است، این تنظیمات سطح سایت را بازنویسی میکند.
---
description: ویتپرس
---
HeadConfig[]تگهای head اضافی برای درج در صفحه فعلی. پس از تگهای head تزریق شده توسط تنظیمات سطح سایت، این تنظیمات درج میشوند.
---
head:
- - meta
- name: description
content: hello
- - meta
- name: keywords
content: super duper SEO
---
type HeadConfig =
| [string, Record<string, string>]
| [string, Record<string, string>, string]
گزینههای frontmatter زیر فقط زمانی قابل استفاده هستند که از تم پیشفرض استفاده میکنید.
doc | home | pagedocتعیین چیدمان صفحه.
doc - این چیدمان استایلهای مستندات پیشفرض را به محتوای markdown اعمال میکند.home - چیدمان ویژه برای "صفحه اصلی". شما میتوانید گزینههای اضافی مانند hero و features را اضافه کنید تا به سرعت یک صفحه نخست زیبا ایجاد کنید.page - مشابه doc عمل میکند اما هیچ استایلی به محتوا اعمال نمیشود. مفید است زمانی که میخواهید یک صفحه کاملاً سفارشی ایجاد کنید.
---
layout: doc
---
تعیین محتویات بخش hero صفحه اصلی هنگامی که layout به home تنظیم شده است. جزئیات بیشتر در تم پیشفرض: صفحه اصلی.
تعیین مواردی که در بخش ویژگیها باید نمایش داده شوند هنگامی که layout به home تنظیم شده است. جزئیات بیشتر در تم پیشفرض: صفحه اصلی.
booleantrueآیا باید نوار ناوبری نمایش داده شود یا خیر؟
---
navbar: false
---
booleantrueآیا باید نوار کناری نمایش داده شود یا خیر؟
---
sidebar: false
---
boolean | 'left'trueتعیین مکان کامپوننت aside در چیدمان doc.
false تنظیم کنید، اجرای کانتینر aside جلوگیری میکند.true تنظیم کنید، aside به راست اجرا میشود.اگر این مقدار را به 'left' تنظیم کنید، aside به چپ اجرا میشود.
---
aside: false
---
number | [number, number] | 'deep' | false2سطوح سرفصلهای مورد نمایش برای صفحه. همانطور که در config.themeConfig.outline.level است، این مقدار سطح مجموعه سایت را بازنویسی میکند.
boolean | Datetrueآیا متن آخرین بهروزرسانی را در پاورقی صفحه فعلی نمایش دهد یا خیر؟ اگر تاریخ و زمان مشخص شده باشد، به جای زمان اصلاح شده git نمایش داده میشود.
---
lastUpdated: false
---
booleantrueآیا پیوند ویرایش را در پاورقی صفحه فعلی نمایش دهد یا خیر؟
---
editLink: false
---
booleantrueآیا پاورقی را
نمایش دهد یا خیر؟
---
footer: false
---
stringافزودن نام کلاس اضافی به یک صفحه خاص.
---
pageClass: custom-page-class
---
سپس میتوانید استایلهای این صفحه خاص را در فایل .vitepress/theme/custom.css سفارشی کنید:
.custom-page-class {
/* استایلهای مخصوص صفحه */
}