Pular para o conteúdo

Adicione um feed RSS

Se prepare para...

  • Instalar um pacote Astro para criar um feed RSS para seu website
  • Criar um feed que pode ser inscrito em e lido por leitores de feeds RSS

Instale o pacote de RSS do Astro

Astro fornece um pacote customizado para rapidamente adicionar um feed RSS ao seu website.

Este pacote oficial gera um documento não-HTML com informação sobre todas as suas postagens do blog que pode ser lido por leitores de feed como Feedly, The Old Reader, e mais. Esse documento é atualizado toda vez que seu site é reconstruído.

Indivíduos podem se inscrever em seu feed em um leitor de feed, e receber uma notificação quando você publicar uma nova postagem do blog no seu site, o que o faz uma funcionalidade popular em blogs.

  1. Feche o servidor de desenvolvimento do Astro e execute o seguinte comando no terminal para instalar o pacote de RSS do Astro.

    npm install @astrojs/rss

  2. Reinicie o servidor de desenvolvimento para começar a trabalhar no seu projeto Astro novamente.

    npm run dev

Crie um documento de feed .xml

  1. Crie um novo arquivo em src/pages/ chamado rss.xml.js

  2. Copie o seguinte código nesse novo documento. Customize as propriedades title e description (título e descrição), e se necessário, especifique uma língua diferente em customData:

    
import rss, { pagesGlobToRssItems } from '@astrojs/rss';

export async function GET(context) {
  return rss({
    title: 'Aluno de Astro | Blog',
    description: 'Minha jornada aprendendo Astro',
    site: context.site,
    items: await pagesGlobToRssItems(import.meta.glob('./**/*.md')),
    customData: `<language>pt-br</language>`,
  });
}

  3. Adicione a propriedade site à configuração do Astro com a sua Netlify URL única.

    import { defineConfig } from "astro/config";

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

  4. Visite http://localhost:4321/rss.xml e verifique que vcoê pode ver texto (sem formatação) na página com um item para cada um de seus arquivos .md. Cada item deve conter informações da postagem de blog como title, url, e description.

    :::tip[Veja seu feed RSS em um leitor]Faça o download de um leitor de feed, ou cadastre-se em um serviço de leitor de feed online e inscreva-se no seu site adicionando sua própria URL Netlify. Você também pode compartilhar esse link com outros para que eles possam se inscrever em suas postagens, e ser notificado quando uma nova postagem for publicada.:::

Checklist

Recursos

Contribua Comunidade Sponsor