Aller au contenu

Ajouter un flux RSS

Préparez-vous à…

  • Installer un paquet Astro pour créer un flux RSS pour votre site web.
  • Créer un flux permettant aux lecteurs de flux RSS de s’abonner et de le lire.

Installer le paquet RSS d’Astro

Titre de la section Installer le paquet RSS d’Astro

Astro propose un paquet personnalisé pour ajouter rapidement un flux RSS à votre site web.

Ce paquet officiel génère un document non-HTML avec des informations sur tous vos articles de blog, pouvant être lu par des lecteurs de flux, tels que Feedly, The Old Reader, et plus encore. Ce document est mis à jour à chaque recompilation de votre site.

Les personnes peuvent s’abonner à votre flux dans un lecteur de flux et recevoir une notification lorsque vous publiez un nouvel article de blog sur votre site, ce qui en fait une fonctionnalité de blog populaire.

  1. Quittez le serveur de développement Astro et exécutez la commande suivante dans le terminal pour installer le paquet RSS d’Astro.

    Fenêtre du terminal
    npm install @astrojs/rss

  2. Redémarrez le serveur de développement pour continuer à travailler sur votre projet Astro.

    Fenêtre du terminal
    npm run dev

Créer un document .xml de flux

Titre de la section Créer un document .xml de flux

  1. Créez un nouveau fichier dans src/pages/ appelé rss.xml.js.

  2. Copiez le code suivant dans ce nouveau document. Personnalisez les propriétés title et description, et si nécessaire, spécifiez une langue différente dans customData :

    src/pages/rss.xml.js
    import rss, { pagesGlobToRssItems } from '@astrojs/rss';
    

    export async function GET(context) {
      return rss({
        title: 'Apprenti Astro | Blog',
        description: "Mon parcours d'apprentissage d'Astro",
        site: context.site,
        items: await pagesGlobToRssItems(import.meta.glob('./**/*.md')),
        customData: `<language>fr-fr</language>`,
      });
    }

  3. Ajoutez la propriété site à la configuration Astro avec l’URL Netlify unique de votre site.

    astro.config.mjs
    import { defineConfig } from "astro/config";
    

    export default defineConfig({
      site: "https://example.com"
    });

  4. Visitez http://localhost:4321/rss.xml et vérifiez que vous pouvez voir du texte (non formaté) sur la page avec un élément (item) pour chacun de vos fichiers .md. Chaque élément devrait contenir des informations sur les articles de blog telles que title, url et description.

Liste de contrôle

Titre de la section Liste de contrôle

Ressources

Titre de la section Ressources
Contribuer Communauté Parrainer