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

Configuración Frontmatter ​

Frontmatter permite la configuración basada en páginas. En cada archivo markdown, puede utilizar la configuración de frontmatter para anular las opciones de configuración a nivel de sitio o tema. Además, hay opciones de configuración que sólo se pueden establecer en frontmatter.

Ejemplo de uso:

md
---
title: Documentación con VitePress
editLink: true
---

Puede acceder a los datos del frontmatter a través de la variable global $frontmatter en expresiones Vue:

md
{{ $frontmatter.title }}

title ​

Título de la página. Es lo mismo que config.title, y anula la configuración a nivel de sitio.

yaml
---
title: VitePress
---

titleTemplate ​

El sufijo del título. Es lo mismo que config.titleTemplate, y anula la configuración a nivel de sitio.

yaml
---
title: VitePress
titleTemplate: Generador de sitios web estáticos con Vite & Vue
---

descripción ​

Descripción de la página. Es lo mismo que config.description, y anula la configuración a nivel de sitio.

yaml
---
description: VitePress
---

Especifica etiquetas de encabezado adicionales que se inyectarán en la página actual. Se agregarán después de las etiquetas principales inyectadas por la configuración a nivel de sitio.

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]

Solo Tema Predeterminado ​

Las siguientes opciones de frontmatter solo se aplican cuando se usa el tema predeterminado.

layout ​

Determina el layout de la página.

yaml
---
layout: doc
---
`,30)),i("h3",r,[a[0]||(a[0]=s("hero ")),l(e,{type:"info",text:"apenas para página inicial"}),a[1]||(a[1]=s()),a[2]||(a[2]=i("a",{class:"header-anchor",href:"#hero","aria-label":'Permalink to "hero "'},"​",-1))]),a[7]||(a[7]=i("p",null,[s("Define el contenido de la sección "),i("em",null,"hero"),s(" en la página inicial cuando "),i("code",null,"layout"),s(" está definido como "),i("code",null,"home"),s(". Más detalles en "),i("a",{href:"./default-theme-home-page"},"Tema Predeterminado: Página Inicial"),s(".")],-1)),i("h3",c,[a[3]||(a[3]=s("features ")),l(e,{type:"info",text:"apenas para página inicial"}),a[4]||(a[4]=s()),a[5]||(a[5]=i("a",{class:"header-anchor",href:"#features","aria-label":'Permalink to "features "'},"​",-1))]),a[8]||(a[8]=n(`

Define los elementos que se mostrarán en la sección de características cuando layout está definido como home. Más detalles en Tema Predeterminado: Página Inicial.

Se debe mostrar una barra de navegación.

yaml
---
navbar: false
---

Se debe mostrar una barra lateral.

yaml
---
sidebar: false
---

aside ​

Define la localización del componente aside en el layout doc.

Configurar este valor como false evita que se muestre el elemento lateral.
Configurar este valor como true presenta el lado de la derecha.
Configurar este valor como 'left' presenta el lado de la izquierda.

yaml
---
aside: false
---

outline ​

Los niveles del encabezado en outline que se mostrará para la página. Es lo mismo que config.themeConfig.outline.level, y anula el valor establecido en la configuración a nivel de sitio.

lastUpdated ​

Se debe mostrar el texto de última actualización en el pie de página de la página actual. Si se especifica una fecha y hora específicas, se mostrarán en lugar de la hora de la última modificación de git.

yaml
---
lastUpdated: false
---

Se debe mostrar el link de edición en el pie de página de la página actual.

yaml
---
editLink: false
---

Se debe mostrar el pie de página.

yaml
---
footer: false
---

pageClass ​

Agrega un nombre de clase adicional a una página específica.

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

Luego puede personalizar los estilos para esta página específica en el archivo. .vitepress/theme/custom.css:

css
.custom-page-class {
  /* estilos especificos de la página */
}
`,35))])}const F=t(o,[["render",k]]);export{f as __pageData,F as default};