위키백과 정의

RSS, Rich SIte Summary. 뉴스나 블로그 웹 사이트에서 주로 사용하는 콘텐츠 표현 방식. 이 정보를 받는 사람은 다른 형식으로 이용할 수 있다. RSS 이전에는 해당 사이트를 직접 방문했어야 했으나, RSS 관련 프로그램(or 서비스) 로 자동 수집이 가능해졌기 때문에 사용자는 방문없이 최신 정보들만 골라 한 자리에서 볼 수 있다. 또한 팟캐스팅과 같은 미디어 배포의 용도로도 사용된다.

기본적으로 xml 파일.

사이트맵이 웹사이트 링크 요약도 라면, RSS 는 + 컨텐츠 요약도? SEO 를 위해 추가한다.

Astro RSS feed 추가하기

설치

npm install @astrojs/rss
yarn add @astrojs/rss

그리고 src/pages/ 에 rss.xml.js (or *.ts) 생성.

import rss, { pagesGlobToRssItems } from '@astrojs/rss';
export async function get() {
    return rss({
    title: 'Astro Learner | Blog',
    description: 'My journey learning Astro',
    site: 'https://my-blog-site.netlify.app',
    items: await pagesGlobToRssItems(import.meta.glob('./**/*.md')),
    customData: `<language>en-us</language>`,
  });
}

나는 블로그 항목들을 CMS 로 받아오므로,

export async function get(context: any) {
const blogs = await getAllBlogs();
return rss({
    title: SITE_TITLE,
    description: SITE_DESCRIPTION,
    site: context.url.href,
    customData: '<language>ko-kr</language>',
    // items 의 각 항목은 title, url 그리고 description 은 필수로 가지고 있어야 함.
    items: blogs.map((blog) => ({ 
      title: blog.title,
      description: blog.brief,
      pubDate: blog.publishedAt,
      author: 'yoonsang lee',
      link: `/blog/${blog.slug.current}/`,
    })),
  });
}

로 바꿔 지정했다. 이후 yarn build. origin/rss.xml 방문하면 파일을 raw 로 볼 수 있다! 보기 🔗

RSS Reader 로 내 컨텐츠 가져오기

mac 의 Fluent Reader 로 한번 받아왔다!