import{_ as l,c as p,ag as t,j as s,a as i,G as n,B as o,o as d}from"./chunks/framework.C1C4sYC0.js";const f=JSON.parse('{"title":"Configuração Frontmatter","description":"","frontmatter":{"outline":"deep"},"headers":[],"relativePath":"pt/reference/frontmatter-config.md","filePath":"pt/reference/frontmatter-config.md","lastUpdated":1719410492000}'),h={name:"pt/reference/frontmatter-config.md"},r={id:"hero",tabindex:"-1"},k={id:"features",tabindex:"-1"};function c(g,a,u,m,E,y){const e=o("Badge");return d(),p("div",null,[a[6]||(a[6]=t(`

Configuração Frontmatter ​

Frontmatter permite a configuração baseada em páginas. Em cada arquivo markdown, você pode usar a configuração frontmatter para sobrepor opções de configuração a nível de site ou de tema. Além disso, existem opções de configuração que só podem ser definidas em frontmatter.

Exemplo de uso:

md
---
title: Documentação com VitePress
editLink: true
---

Você pode acessar os dados do frontmatter através da variável global $frontmatter em expressões Vue:

md
{{ $frontmatter.title }}

title ​

Título para a página. É o mesmo que config.title, e sobrepõe a configuração a nível de site.

yaml
---
title: VitePress
---

titleTemplate ​

O sufixo para o título. É o mesmo que config.titleTemplate, e sobrepõe a configuração a nível de site.

yaml
---
title: VitePress
titleTemplate: Gerador de site estático com Vite & Vue
---

description ​

Descrição para a página. É o mesmo que config.description, e sobrepõe a configuração a nível de site.

yaml
---
description: VitePress
---

Especifica tags head adicionais a serem injetadas na página atual. Elas serão acrescentadas após as tags head injetadas pela configuração a nível de site.

yaml
---
head:
  - - meta
    - name: description
      content: hello
  - - meta
    - name: keywords
      content: super duper SEO
---
ts
type HeadConfig =
  | [string, Record<string, string>]
  | [string, Record<string, string>, string]

Somente no Tema Padrão ​

As seguintes opções frontmatter são aplicáveis apenas ao usar o tema padrão.

layout ​

Determina o layout da página.

yaml
---
layout: doc
---
`,30)),s("h3",r,[a[0]||(a[0]=i("hero ")),n(e,{type:"info",text:"apenas para página inicial"}),a[1]||(a[1]=i()),a[2]||(a[2]=s("a",{class:"header-anchor",href:"#hero","aria-label":'Permalink to "hero "'},"​",-1))]),a[7]||(a[7]=s("p",null,[i("Define o conteúdo da seção "),s("em",null,"hero"),i(" na página inicial quando "),s("code",null,"layout"),i(" está definido como "),s("code",null,"home"),i(". Mais detalhes em "),s("a",{href:"./default-theme-home-page"},"Tema Padrão: Página Inicial"),i(".")],-1)),s("h3",k,[a[3]||(a[3]=i("features ")),n(e,{type:"info",text:"apenas para página inicial"}),a[4]||(a[4]=i()),a[5]||(a[5]=s("a",{class:"header-anchor",href:"#features","aria-label":'Permalink to "features "'},"​",-1))]),a[8]||(a[8]=t(`

Define os itens a serem exibidos na seção de funcionalidades quando layout está definido como home. Mais detalhes em Tema Padrão: Página Inicial.

Se deve exibir a barra de navegação.

yaml
---
navbar: false
---

Se deve exibir a barra lateral.

yaml
---
sidebar: false
---

aside ​

Define a localização do componente aside no layout doc.

Configurar este valor como false impede a apresentação do elemento aside.
Configurar este valor como true apresenta o aside à direita.
Configurar este valor como 'left' apresenta o aside à esquerda.

yaml
---
aside: false
---

outline ​

Os níveis do cabeçalho no outline a serem exibidos para a página. É o mesmo que config.themeConfig.outline.level, e sobrepõe o valor definido na configuração no nível do site.

lastUpdated ​

Se deve mostrar o texto de última atualização no rodapé da página atual. Se uma data e hora específica forem especificadas, ela será exibida em vez do último horário de modificação do git.

yaml
---
lastUpdated: false
---

Se deve exibir o link de edição no rodapé da página atual.

yaml
---
editLink: false
---

Se deve exibir o rodapé.

yaml
---
footer: false
---

pageClass ​

Adiciona um nome de classe extra a uma página específica.

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

Em seguida, você pode personalizar os estilos desta página específica no arquivo .vitepress/theme/custom.css:

css
.custom-page-class {
  /* estilos específicos da página */
}
`,35))])}const F=l(h,[["render",c]]);export{f as __pageData,F as default};