Salta ai contenuti

Aggiungi un feed RSS

Preparati a…

  • Installa un pacchetto Astro per creare un feed RSS per il tuo sito web
  • Crea un feed a cui è possibile iscriversi e leggere da lettori di feed RSS

Installa il pacchetto RSS di Astro

Sezione intitolata Installa il pacchetto RSS di Astro

Astro fornisce un pacchetto personalizzato per aggiungere rapidamente un feed RSS al tuo sito web.

Questo pacchetto ufficiale genera un documento non HTML con informazioni su tutti i tuoi articoli del blog che possono essere lette da lettori di feed come Feedly, The Old Reader e altri. Questo documento viene aggiornato ogni volta che il tuo sito viene ricostruito.

Gli individui possono iscriversi al tuo feed in un lettore di feed e ricevere una notifica quando pubblichi un nuovo articolo del blog sul tuo sito, rendendolo una funzionalità popolare del blog.

  1. Esci dal server di sviluppo Astro ed esegui il seguente comando nel terminale per installare il pacchetto RSS di Astro.

    Finestra del terminale
    npm install @astrojs/rss

  2. Riavvia il server di sviluppo per iniziare di nuovo a lavorare sul tuo progetto Astro.

    Finestra del terminale
    npm run dev

Crea un documento feed .xml

Sezione intitolata Crea un documento feed .xml

  1. Crea un nuovo file in src/pages/ chiamato rss.xml.js

  2. Copia il seguente codice in questo nuovo documento. Personalizza le proprietà title e description e, se necessario, specifica una lingua diversa in customData:

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

    export async function GET(context) {
      return rss({
        title: 'Studente Astro | Blog',
        description: 'Il mio percorso di apprendimento di Astro',
        site: context.site,
        items: await pagesGlobToRssItems(import.meta.glob('./**/*.md')),
        customData: `<language>it-it</language>`,
      });
    }

  3. Aggiungi la proprietà site alla configurazione di Astro con l’URL Netlify univoco del tuo sito.

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

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

  4. Visita http://localhost:4321/rss.xml e verifica di poter vedere testo (non formattato) sulla pagina con un item per ciascuno dei tuoi file .md. Ogni item dovrebbe contenere informazioni sull’articolo del blog come title, url e description.

Checklist

Sezione intitolata Checklist

Risorse

Sezione intitolata Risorse
Contribuisci Comunità Sponsor