Zum Inhalt springen

RSS-Feed hinzufügen

Mach dich bereit, …

  • ein Astro-Paket zu installieren, um einen RSS-Feed für deine Website zu erstellen
  • einen Feed zu erstellen, den man abonnieren und mit RSS-Feed-Readern lesen kann

Astros RSS-Paket installieren

Abschnitt betitelt „Astros RSS-Paket installieren“

Astro hat ein spezielles Paket, mit dem du schnell einen RSS-Feed zu deiner Website hinzufügen kannst.

Dieses offizielle Paket erstellt ein Nicht-HTML-Dokument mit Infos zu all deinen Blog-Beiträgen, das von Feed-Readern wie Feedly, The Old Reader und anderen gelesen werden kann. Dieses Dokument wird jedes Mal aktualisiert, wenn deine Website neu erstellt wird.

Einzelpersonen können deinen Feed in einem Feed-Reader abonnieren und erhalten eine Benachrichtigung, wenn du einen neuen Blog-Beitrag auf deiner Website veröffentlichst, was es zu einer beliebten Blog-Funktion macht.

  1. Beende in deinem Terminal den Astro-Entwicklungsserver (Strg + C/Control + C) und führe den folgenden Befehl aus, um das RSS-Paket von Astro zu installieren.

    Terminal-Fenster
    npm install @astrojs/rss

  2. Starte den Entwicklungsserver neu, um wieder an deinem Astro-Projekt zu arbeiten.

    Terminal-Fenster
    npm run dev

Erstelle ein .xml-Feed-Dokument

Abschnitt betitelt „Erstelle ein .xml-Feed-Dokument“

  1. Erstelle eine neue Datei namens rss.xml.js in src/pages/.

  2. Kopier den folgenden Code in dieses neue Dokument. Passe die Eigenschaften title und description an und gib bei Bedarf in customData eine andere Sprache an:

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

    export async function GET(context) {
      return rss({
        title: 'Astro-Lernender | Blog',
        description: 'Meine Reise beim Lernen von Astro',
        site: context.site,
        items: await pagesGlobToRssItems(import.meta.glob('./**/*.md')),
        customData: `<language>de-de</language>`,
      });
    }

  3. Füge die Eigenschaft site zur Astro-Konfiguration mit der einzigartigen Netlify-URL deiner Website hinzu.

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

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

  4. Gehe auf http://localhost:4321/rss.xml und schau nach, ob du (unformatierten) Text auf der Seite mit einem item für jede deiner .md-Dateien sehen kannst. Jedes Element sollte Blog-Post-Infos wie title, url und description enthalten.

Checkliste

Abschnitt betitelt „Checkliste“

Ressourcen

Abschnitt betitelt „Ressourcen“
Wirke mit Community Sponsor