添加 RSS 订阅 ​

还是第一次接触 RSS，大致了解了一下它是什么，以及从添加订阅，再到阅读

添加这个功能，我自己需求不是很大，但是别人博客有的，我也想配置看看，很新奇😂

有两种方式，一个是通过feed自己去配置，另一种就是用现成的插件啦~

这里用到的插件： @sugar开发的 vitepress-plugin-rss

顺便再安利一个我发现的在线RSS阅读网站： 蚁阅

这里主要讲的还是 Vitepress 添加 RSS 订阅 ↓↓↓

安装 ​

请根据自己写法进行安装 pnpm/npm/yarn ...

pnpm add vitepress-plugin-rss

配置 ​

在 .vitepress/config.js 中进行配置

import { RssPlugin } from 'vitepress-plugin-rss'

export default {
    themeConfig: {},
    vite: {
        plugins: [
            RssPlugin({
                title: 'Jacinda | 归档文博',
                baseUrl: 'https://jacindatang.vercel.app',
                copyright: 'Copyright © 2023-present Jacinda'
            })
        ]
    }
}

打包 ​

配置完成之后，这个时候运行项目，右上角其实就已经有了 RSS 图标

我们还需要对项目进行打包，让其生成 feed.rss 文件

pnpm run docs:build

或者

pnpm run build

打包成功之后，就会在 dist 目录中出现 feed.rss 文件

以及右上角 RSS 图标点击进入就能看到对应内容啦

RSS 在线阅读 ​

在线RSS阅读网站： 蚁阅

可以用一个 RSS在线阅读 的网站进行测试

添加订阅源 ​

注册账号，登录后就是下图这个界面啦！

点击添加订阅，把 博客域名+feed.rss 放入链接栏中进行添加

订阅成功界面 ​

添加好之后，就是这个效果啦~

查看订阅源的统计信息 ​

📖 参考文档 ​

• 实现自动为 VitePress 网站添加 RSS 订阅的插件 插件开发作者写的文档
• vitepress-plugin-rss 插件安装地址
• 蚁阅 在线RSS阅读网站