給你的部落格新增RSS

peterjxl發表於2024-07-17

50.配置RSS訂閱

本站已經整合 RSS，歡迎訂閱。

整合 RSS 的步驟主要參考：Vuepress 配置 rss 訂閱功能 | 二丫講梵

‍

什麼是 RSS

如果你不知道什麼是 RSS，推薦閱讀：知道 RSS 的人越少，我就越希望它能被人知道！ - 知乎

‍

VuePress 整合 RSS

VuePress 沒有整合 RSS 功能，我們可以用第三方外掛：

npm install -D vuepress-plugin-feed

‍

然後在 plugins.ts 中新增配置：

// rss訂閱
  [ 
    'feed', 
    {
      canonical_base: 'https://www.peterjxl.com',
      count: 5000,
    } 
  ]

‍

說明：

  • 此處之所以將 count 配置為 5000，是因為該外掛生成的 rss 記錄並非按時間序列，因此如果你配置為 20，而文章有 100 篇都應用了 rss，此時可能最新更新的文章並不會出現在 rss 記錄中，也就違背了 rss 的意義。因此這裡可以給一個相對大一點的值，超過文章數量就可以了。
  • 如上簡單的配置資訊已經足夠使用，如果需要更多的配置資訊，可以參考外掛的 官方文件

‍

‍

新增 RSS 資訊

外掛會取文章的 frontmatter 資訊來判斷是否將文章放到 rss 記錄中，因此寫文章的時候，需要在文章的 frontmatter 中新增如下內容（最後三行）：

---
title: 課程介紹
date: 2022-11-13 07:53:17
permalink: /ComputerHistory/introduce/
categories:
  - 計算機基礎
  - 計算機歷史
tags:
  - 
feed:
  enable: true
description: 關於計算機歷史系列部落格的的介紹
---

‍

然後才會在構建專案的時候，將對應的文章放入到 RSS 記錄中。

效果：生成了 XML 檔案，地址為 https://www.peterjxl.com/rss.xml （這也是 RSS 源的地址）

‍

外掛還提供了更豐富的能力來作為判斷依據，感興趣的同學可以看看 官方文件 。

‍

‍

‍

（完）

‍

相關文章