配置 RSS 订阅
# 50.配置 RSS 订阅
本站已经集成 RSS,欢迎订阅。
集成 RSS 的步骤主要参考:Vuepress 配置 rss 订阅功能 | 二丫讲梵 (opens new window)
# 什么是 RSS
如果你不知道什么是 RSS,推荐阅读我写的:RSS 教程
# VuePress 集成 RSS
VuePress 没有集成 RSS 功能,我们可以用第三方插件:
npm install -D vuepress-plugin-feed
1
然后在 plugins.ts 中添加配置:
// rss订阅
[
'feed',
{
canonical_base: 'https://www.peterjxl.com',
count: 5000,
}
]
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
说明:
- 此处之所以将 count 配置为 5000,是因为该插件生成的 rss 记录并非按时间序列,因此如果你配置为 20,而文章有 100 篇都应用了 rss,此时可能最新更新的文章并不会出现在 rss 记录中,也就违背了 rss 的意义。因此这里可以给一个相对大一点的值,超过文章数量就可以了。
- 如上简单的配置信息已经足够使用,如果需要更多的配置信息,可以参考插件的 官方文档 (opens new window)
# 添加 RSS 信息
插件会取文章的 frontmatter 信息来判断是否将文章放到 rss 记录中,因此写文章的时候,需要在文章的 frontmatter 中添加如下内容(最后三行):
---
title: 课程介绍
date: 2022-11-13 07:53:17
permalink: /ComputerHistory/introduce/
categories:
- 计算机基础
- 计算机历史
tags:
-
feed:
enable: true
description: 关于计算机历史系列博客的的介绍
---
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
然后才会在构建项目的时候,将对应的文章放入到 RSS 记录中。
效果:生成了 XML 文件,地址为 https://www.peterjxl.com/rss.xml (这也是 RSS 源的地址)
插件还提供了更丰富的能力来作为判断依据,感兴趣的同学可以看看 官方文档 (opens new window) 。
(完)
上次更新: 2024/10/3 10:01:52