Aller au contenu
This is an unmaintained snapshot of the Astro v4 docs. View the latest docs.

Création de contenu

Astro est un choix parfait pour les sites axés sur le contenu : blogs, sites marketing, portfolios, et plus encore !

Astro vous aide à créer et à présenter vos contenus. Vous pouvez écrire un article de blog directement dans Astro en utilisant Markdown/MDX, ou récupérer votre contenu d’un CMS sans tête. Astro vous permet de créer un site autour de votre contenu : vous pouvez ajouter un modèle de présentation à vos pages, créer un index des publications et configurer un flux RSS pour permettre aux lecteurs de s’abonner.

Avec Astro, vous pouvez créer du contenu de différentes manières :

Markdown est une syntaxe pratique pour écrire du texte enrichi avec une mise en forme de base et des éléments communs tels que des titres, des listes et des images. Astro supporte nativement les fichiers Markdown dans votre projet.

Créez et écrivez un nouveau fichier .md dans votre éditeur de code ou importez un fichier existant écrit dans votre éditeur Markdown préféré. Certains éditeurs Markdown en ligne comme StackEdit et Dillinger vous permettront même de modifier et de synchroniser votre travail avec votre dépôt Astro enregistré sur Github.

Si vous ajoutez l’intégration MDX d’Astro à votre projet, vous pouvez également écrire du contenu en utilisant des fichiers .mdx qui peuvent inclure des expressions JavaScript et des composants au sein de Markdown. Cela inclut à la fois les composants Astro statiques et les composants de framework interactifs. Cela vous permet d’inclure des éléments d’interface utilisateur tels qu’une bannière ou un carrousel interactif en accompagnement de votre contenu texte.

Écrivez et modifiez les fichiers .mdx directement dans votre éditeur de code, aux côtés de vos fichiers de projet. Les fichiers MDX sont un type de fichier de page pris en charge par Astro, et peuvent également être utilisés comme entrées de collection de contenu.

Apprenez-en davantage sur l’utilisation de MDX avec Astro.

Écrivez des articles de blog dans votre système de gestion de contenu (CMS) existant tel que Storyblok, WordPress ou Contentful. Certains CMS, comme Storyblok, propose une intégration Astro officielle. D’autres exposent un SDK JavaScript que les pages Astro peuvent utiliser pour récupérer votre contenu distant.

Explorez notre collection de guides pour CMS et les intégrations Astro pour CMS pour une large sélection de ressources.

Les fichiers Markdown et MDX qui résident dans votre dossier src/pages généreront automatiquement des pages sur votre site en utilisant le routage basé sur les fichiers d’Astro. Ces pages seront disponibles à une URL correspondant au chemin du fichier.

Vous pouvez également choisir de garder vos fichiers Markdown et MDX en dehors du dossier src/pages et, à la place, d’importer leur contenu dans vos pages .astro.

Les collections de contenu d’Astro fournissent un moyen puissant et garantissant la validité des types pour travailler avec du contenu Markdown, MDX ou Markdoc organisé dans le dossier src/content/.

Vous pouvez aussi récupérer du Markdown à distance provenant d’une source extérieure à votre projet. Cela nécessitera votre propre parseur Markdown, ou une intégration communautaire (par exemple astro-remote).

Pour créer des fonctionnalités ordinaires permettant d’organiser et d’afficher votre contenu, comme une archive de blog ou une page pour chaque étiquette de blog, Astro vous permet de récupérer les noms de fichier et les métadonnées présentes dans le frontmatter de vos fichiers Markdown et MDX ou d’utiliser les utilitaires d’assistance des collections de contenus vous permettant d’interroger vos entrées et de générer le contenu des pages ainsi que leurs routes.

Pour publier auprès d’un public plus large, créez un flux RSS qui peut être distribué aux lecteurs de flux.

En complément des intégrations officielles @astrojs/mdx et @astrojs/markdoc, il existe plusieurs intégrations communautaires pour travailler avec le contenu dans vos projets Astro.

Contribuer

Comment pouvons-nous vous aider ?

Créer une issue GitHub

Le moyen le plus rapide d'alerter notre équipe d'un problème.

Communauté