Contenido de autoría

Astro es una opción perfecta para tu proyecto centrado en el contenido: blogs, sitios de marketing, portafolios y más.

Astro te ayuda a crear y presentar tu contenido. Puedes escribir una publicación de blog directamente en Astro usando Markdown/MDX, o buscar tu contenido desde un headless CMS. Astro te permite crear un sitio en torno a tu contenido: puedes agregar una plantilla a tus páginas, crear un índice de publicaciones y configurar un feed RSS para permitir que los lectores se suscriban.

Escribir contenido

En Astro, puedes crear tu contenido de varias maneras:

En archivos Markdown (.md o extensiones alternativas), diseñados para facilitar la escritura de contenido de texto enriquecido.
En archivos MDX (.mdx) o Markdoc (.mdoc) con una integración oficial, las cuales pueden incluir componentes y expresiones dinámicas en tu documento.
Usando un sistema de administración de contenido (CMS) de terceros, luego extrayendo ese contenido a una página .astro.
Otras opciones (menos utilizadas para páginas con mucho contenido) incluyen Archivos .astro y Archivos .html.

Creación de Markdown

Markdown es una sintaxis conveniente para escribir texto enriquecido con formato básico y elementos comunes como encabezados, listas e imágenes. Astro tiene soporte incorporado para archivos Markdown en tu proyecto.

Crea y escribe un nuevo archivo .md en tu editor de código o trae un archivo existente escrito en tu editor Markdown favorito. Algunos editores de Markdown en línea como StackEdit y Dillinger incluso te permitirán editar y sincronizar tu trabajo con tu repositorio de Astro almacenado en GitHub.

Aprende más sobre escribir contenido Markdown en Astro.

Autoría MDX

Si añades la integración MDX de Astro a tu proyecto, también puedes escribir contenido usando archivos .mdx, que pueden incluir expresiones JavaScript y componentes dentro de tu Markdown. Esto incluye tanto componentes de Astro estáticos como componentes del framework interactivos. Esto te permite incluir elementos de la interfaz de usuario como un banner o un carrusel interactivo junto con tu contenido de texto.

Escribe y edita archivos .mdx directamente en tu editor de código, junto con tus archivos del proyecto. Los archivos MDX son un tipo de archivo de página admitido en Astro y también pueden usarse como entradas de colección de contenido.

Aprender más acerca de utilizando MDX con Astro.

Autoría de headless CMS

Escribe publicaciones de blog en tu sistema de administración de contenido (CMS) existente, como Storyblok, WordPress o Contentful. Algunos CMS, como Storyblok, proveen una integración de Astro oficial. Otros exponen un SDK de JavaScript que las páginas de Astro pueden usar para obtener tu contenido remoto.

Explora nuestra colección de guías de CMS e integraciones de CMS de Astro para una amplia selección de recursos.

Administrar páginas de contenido

Archivos de página

Los archivos Markdown y MDX que viven en tu directorio src/pages generarán automáticamente páginas en tu proyecto utilizando el enrutamiento basado en archivos de Astro, creado en una URL correspondiente a la ruta del archivo de la publicación.

Contenido local

También puedes optar por mantener tus archivos Markdown y MDX fuera del directorio src/pages y, en su lugar, importar tu contenido en páginas .astro.

Colecciones de contenido

Las colecciones de contenido de Astro proporcionan una forma potente y segura de trabajar con contenido Markdown, MDX o Markdoc organizado en el directorio src/content/.

Contenido remoto

Puedes obtener contenido Markdown de forma remota desde una fuente fuera de tu proyecto. Esto requerirá tu propio analizador de Markdown, o una integración de la comunidad (por ejemplo, astro-remote).

Mostrando tu contenido

Para crear funciones comunes para organizar y mostrar tu contenido, como un archivo de blog o una página para cada etiqueta de blog, Astro te permite obtener nombres de archivo y metadatos desde tu Markdown y MDX frontmatter y utilizarlos para generar contenido de página y rutas.

Integraciones de la comunidad

Además de la integración oficial @astrojs/mdx, existen varias integraciones comunitarias para trabajar con contenido en tu proyecto Astro.

Crear un problema en GitHub

Envíanos comentarios