Personalizar la página de inicio
La página principa de tu sitio de Telar está controlada por un archivo Markdown sencillo (index.md) que vive en el directorio raíz de tu repositorio. Ahí puedes editar o quitar el mensaje de bienvenida y cambiar los encabezados de cada sección.
Ubicación del archivo
index.md debe estar en el directorio raíz de tu repositorio (no en un subdirectorio). Jekyll busca este archivo ahí para convertirlo en tu página de inicio.
Estructura básica
Aquí está la estructura predeterminada de index.md:
---
layout: index
title: Home
stories_heading: "Explore the stories"
stories_intro: ""
objects_heading: "See the objects behind the stories"
objects_intro: "Browse {count} objects featured in the stories."
---
Tu contenido personalizado va aquí...
Opciones de front matter
stories_heading
El encabezado que se muestra sobre la cuadrícula de historias. Predeterminado: "Explore the stories"
stories_intro
Texto introductorio opcional que se muestra entre el encabezado y la cuadrícula de historias. Déjalo en blanco ("") si no quieres texto introductorio.
objects_heading
El encabezado que se muestra sobre la sección de objetos. Predeterminado: "See the objects behind the stories"
objects_intro
Texto introductorio para la sección de objetos. Usa {count} como marcador de posición para el número de objetos.
Predeterminado: "Browse {count} objects featured in the stories."
El marcador de posición {count} se reemplaza automáticamente con el número real de objetos.
Agregar contenido personalizado
Cualquier contenido Markdown que agregues debajo del front matter aparecerá sobre la sección de historias. Esto es ideal para:
- Mensajes de bienvenida
- Descripciones generales de la exposición
- Avisos importantes
- Llamados a la acción personalizados
Ejemplo: bienvenida personalizada
---
layout: index
title: Home
stories_heading: "Explore the stories"
stories_intro: ""
objects_heading: "See the objects behind the stories"
objects_intro: "Browse {count} objects featured in the stories."
---
## Bienvenido al Proyecto de Textiles Coloniales
Esta exposición digital explora las historias ocultas tejidas en los
textiles coloniales de la región andina.
Navega a través de las historias a continuación para descubrir las técnicas y significados culturales de estos artefactos.
Ejemplo: cuadro de alerta
Puedes usar tags de alera para mostrar advertencias:
---
layout: index
title: Home
stories_heading: "Explore the stories"
stories_intro: ""
objects_heading: "See the objects behind the stories"
objects_intro: "Browse {count} objects featured in the stories."
---
{: .alert .alert-warning}
> **🚧 Exposición en desarrollo**
>
> Esta exposición se está desarrollando activamente. Estmaos agregando nuevas historias
> y objetos regularmente. ¡Vuelve pronto para ver cómo nos queda!
Aviso del sitio de demostración
La plantilla incluye de manera predeterminada un aviso que dice que el sitio es de demostración, con enlaces al repositorio de GitHub y la documentación.
Para personalizar
Edita el contenido markdown para que coincida con tu proyecto.
Para eliminar
Simplemente elimina el bloque de aviso de demostración de index.md.
Ejemplos
Página de inicio minimalista
---
layout: index
title: Home
stories_heading: "Explore the stories"
stories_intro: ""
objects_heading: "See the objects behind the stories"
objects_intro: "Browse {count} objects featured in the stories."
---
Sin contenido personalizado: solo muestra historias y objetos.
Con texto introductorio
---
layout: index
title: Home
stories_heading: "Explore the stories"
stories_intro: "Cada historia revela una perspectiva única sobre nuestro patrimonio cultural compartido."
objects_heading: "See the objects behind the stories"
objects_intro: "Browse {count} objects featured in the stories."
---
## Acerca de esta exposición
{: .lead}
El **Proyecto Textiles Coloniales** utiliza ...
Recomendaciones
- Mantén el contenido de la página de inicio conciso para que los visitantes entren a tus historias.
- Usa
##(segundo nivel) o###(tercer nivel) para crear encabezados. - Prueba tu página de inicio en distintos tamaños de pantalla para cerciorarte de que se vea bien.
- Actualiza los avisos y textos introductorios a medida que tu exposición evolucione.
Notas técnicas
- La configuración
layout: indexes obligatoria y no debe cambiarse. - La configuración
titlecontrola la etiqueta<title>de la página. - Todas las funciones de Markdown son compatibles (consulta la Guía de sintaxis de Markdown).
Próximos pasos
- Aprende sobre temas para dar estilo a tu página de inicio.
- Explora estilos avanzados para CSS personalizado.
- Consulta la referencia de Markdown para opciones de formato.