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

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.

    npm install @astrojs/rss

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

    npm run dev

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:

    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.

    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.

    :::tip[Zeige deinen RSS-Feed in einem Reader an]Lade einen Feed-Reader herunter oder melde dich bei einem Online-Feed-Reader-Dienst an und abonniere deine Website, indem du deine eigene Netlify-URL hinzufügst. Du kannst diesen Link auch mit anderen teilen, damit sie deine Beiträge abonnieren und benachrichtigt werden können, wenn ein neuer Beitrag veröffentlicht wird.:::

Checkliste

Ressourcen

Wirke mit Community Sponsor