自分の読書習慣を構築するためのRSS

RSS とは何か＆どのような利点があるか
おすすめの RSS リーダー
RSS フィードを見つける方法
RSS フィードを追加して RSS リーダーを使用する
独自の RSShub をデプロイする
自分のブログに RSS フィードを追加する

RSS とは何か＆どのような利点があるか#

簡易情報集約（またはコンテンツ集約）は、XML に基づく標準であり、インターネット上で広く使用されているコンテンツパッケージングおよび配信プロトコルです。RSS（Really Simple Syndication）は、ウェブサイトのコンテンツを記述および同期化するためのフォーマットであり、最も広く使用されている XML アプリケーションです。RSS は、情報の迅速な伝達を可能にする技術プラットフォームを構築し、誰もが潜在的な情報提供者になることができます。

本質的には XML ファイルです
XML には現在のウェブサイトの要約情報が含まれています
購読して受信できます
特定のプラットフォームに制約されません
RSS リーダーを使用して異なる情報源を集約できます
広告はありません

RSS フィードを見つける方法#

RSSHub#

RSSHub は、オープンソースで使いやすく拡張性のある RSS ジェネレータであり、さまざまな奇妙なコンテンツに RSS フィードを生成できます。RSSHub はオープンソースコミュニティの力を借りて急速に成長しており、現在、数百のウェブサイトに対応し、数千のコンテンツを提供しています。

XiTNAl

ウェブサイト上の RSS フィードを補助的に検索する#

Google Chrome 拡張機能#

RSSHub Radar

ID50BU

Android アプリ#

RSSAid

iOS アプリ#

RSSBud

お気に入りのブログに RSS フィードがあるか確認する#

7Qk29t

おすすめのフロントエンドブログ

RSS フィードを追加して RSS リーダーを使用する#

Fluent-Reader
wBUg6e

sHQMCh

Ego-Reader
GvAWAS

fpXTH1

独自の RSShub をデプロイする#

公式ウェブサイトでは、さまざまなデプロイ方法が提供されており、Vercel が提供する無料のクラウドプラットフォームを使用して自分のサービスをデプロイすることをおすすめします

vercel

YFynGM

自分のブログに RSS フィードを追加する#

// RSSフィードの項目を生成するために必要な情報を生成します
const generateRssItem = (post) => `
  <item>
    <guid>${siteMetadata.siteUrl}/blog/${post.slug}</guid>
    <title>${escape(post.title)}</title>
    <link>${siteMetadata.siteUrl}/blog/${post.slug}</link>
    ${post.summary && `<description>${escape(post.summary)}</description>`}
    <pubDate>${new Date(post.date).toUTCString()}</pubDate>
    <author>${siteMetadata.email} (${siteMetadata.author})</author>
    ${post.tags && post.tags.map((t) => `<category>${t}</category>`).join('')}
  </item>
`

const generateRss = (posts, page = 'feed.xml') => `
  <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
      <title>${escape(siteMetadata.title)}</title>
      <link>${siteMetadata.siteUrl}/blog</link>
      <description>${escape(siteMetadata.description)}</description>
      <language>${siteMetadata.language}</language>
      <managingEditor>${siteMetadata.email} (${siteMetadata.author})</managingEditor>
      <webMaster>${siteMetadata.email} (${siteMetadata.author})</webMaster>
      <lastBuildDate>${new Date(posts[0].date).toUTCString()}</lastBuildDate>
      <atom:link href="${siteMetadata.siteUrl}/${page}" rel="self" type="application/rss+xml"/>
      ${posts.map(generateRssItem).join('')}
    </channel>
  </rss>
`

// Next.jsを例にして、ページを生成する際にfeed.xmlのRSSフィードファイルを生成します
export async function getStaticProps({ params }) {
  const allPosts = await getAllFilesFrontMatter('blog')
  const postIndex = allPosts.findIndex((post) => formatSlug(post.slug) === params.slug.join('/'))
  const prev = allPosts[postIndex + 1] || null
  const next = allPosts[postIndex - 1] || null
  const post = await getFileBySlug('blog', params.slug.join('/'))
  const authorList = post.frontMatter.authors || ['default']
  const authorPromise = authorList.map(async (author) => {
    const authorResults = await getFileBySlug('authors', [author])
    return authorResults.frontMatter
  })
  const authorDetails = await Promise.all(authorPromise)

  // rss
  const rss = generateRss(allPosts)
  fs.writeFileSync('./public/feed.xml', rss)

  return { props: { post, authorDetails, prev, next } }
}

AgedCoffee