手把手教你用 Vercel 免费部署 RSSHub

简介: 本文详细介绍如何使用Vercel免费部署RSSHub服务。通过Fork仓库、注册Vercel、导入项目并调整分支与Node.js版本配置,实现一键部署个性化的RSS订阅源,解决部署中常见的版本冲突问题,并提供注意事项与验证方法,助你快速搭建可公开访问的RSS服务。

目录

前言

你好,我是喵喵侠。在当今信息爆炸的时代,我们经常会被各种各样的信息所包围,时间久了就容易被信息茧房所困住。RSSHub 作为一个开源的 RSS 生成工具,能够帮助我们轻松地获取各种网站的内容更新,你可以通过它来订阅你喜爱的媒体资讯或博主动态等;而Vercel 是一个流行的静态网站和无服务器应用部署平台,它提供了免费的部署服务,每个月的免费额度对于个人开发者来说,完全够用了。在这篇文章中,我将一步步指导你如何使用 Vercel 免费部署 RSSHub,让你能快速拥有一个自己的 RSS 服务,配合本地 RSS 阅读器,就能随时掌握订阅最新动态。

Vercel介绍

Vercel 是一个现代化的部署平台,专为前端开发者设计,旨在简化静态网站和无服务器应用的部署过程。

以下是 Vercel 的几个优点:

  1. 免费且便捷:Vercel 提供了免费的部署计划,并且支持无服务器架构,适合部署像 RSSHub 这样的动态应用。
  2. 自动化部署:通过与 GitHub 集成,Vercel 可以实现代码更新后的自动化部署,大大简化了维护成本。
  3. 全球 CDN 加速:Vercel 提供了全球 CDN 加速服务,保证了 RSSHub 的访问速度。

RSSHub 介绍

RSSHub 是一个开源的、功能强大的 RSS 生成工具,旨在帮助用户通过 RSS 订阅任意网站内容。

以下是 RSSHub 的几个优点:

  1. 支持广泛:RSSHub 支持几乎所有网站,包括社交媒体、新闻门户、电商平台等。
  2. 高度可定制:用户可以通过配置自定义参数来生成个性化的 RSS 源。
  3. 开源免费:RSSHub 是一个完全开源的项目,任何人都可以免费使用和贡献代码。

开始动手

通过上面这两个介绍,相信你对Vercel和RSSHub有了简单的了解。下面我将手把手,一步步的带你快速通过Vercel搭建 RSSHub 应用。

去Github 上 Fork一份RssHub 仓库

首先访问官方仓库地址:https://github.com/DIYgod/RSSHub

然后点击 fork:

然后你会看到 fork 的配置,这里一定要取消勾选!至于为什么后面会说到。

注册Vercel并登录

首先访问官方网站:https://vercel.com/,点击右上角的Sign Up。你会看到一个 Plan 选择,由于我们是自用,这里我们选择Hobby 就好。

然后输入下 name,点击 Continue,进入下一步。

这时候你可以用第三方账号关联注册,也可以选择自己用邮箱,看个人喜好。推荐用 Github 注册,好处在后面会说到。

后面的步骤不赘述了,注册成功后登录就好。

新建项目并导入

进入个人项目主页后,可以看到右上角有个Add New...按钮。

这里选择 Project:

如果你按照我刚刚说的那样,是用 Github 关联登录的,你就可以直接把 Github 的项目导入进来了。

由于我之前在 Github App 中设置的是 Vercel只能访问我指定的几个私密仓库。如果你是全部授权了,可以找你 Fork 过的 RSSHub 仓库,直接 import 导入;如果找不到也没关系,你可以通过Adjust GitHub App Permissions → 来重新设置权限后再导入。

当你权限配置好后,你可以直接在列表中看到你 Fork 的仓库,点击 Import 即可。

然后系统会默认生成一个项目名称,你也可以修改成自己喜欢的。

其他配置可以不用动,点击Deploy即可。

解决部署失败的报错问题

部署才 10s,就提示报错,如下图所示:

点开看一看,里面说的是当前的环境版本是 Node.js 20,而 package.json的要求的 Node.js版本不能低于 22。

照这个这个错误提示,我们只需要改下 Vercel 项目的 Node.js版本就好了。

我们先点击Go to Project,来到项目首页,点击 Settings,默认来到了General 这一项菜单中,往下翻,可以看到这里有个 Node.js Version可以配置。

可惜的是,这里最高版本只能选择 20.x,无法选择更高的版本,因此修改更高 Node.js版本的这条路行不通。

部署 RSSHub 仓库指定分支

经过我在网上的搜索后发现,RSSHub 最小的 master 分支用的是 22 版本,但其他分支,比方说 legacy 分支,用的是大于等于16 的版本。

所以我们只需要部署指定的legacy分支就好了,这也就是为什么我上面说到,Fork 项目的时候,需要取消勾选的原因,这样你 Fork 的是项目全部的分支代码。

按照这个思路,点击Settings - Git,找到Production Branch这一项,把分支名称master 修改为legacy,点击 Save 保存。

紧接着看下面,有一个Deploy Hooks ,这个可以用来手动触发项目部署。

有两个框需要填写,一个是 Hook 名称,一个是分支名称,这里都写legacy就好了。

填好后,点击Create Hook:

然后你立马可以得到一个链接,这个链接可以通过Get 请求的方式调用,也可以放到浏览器中访问调用。

这里我在浏览器里面访问一下,拉流返回结果如下:

然后你在 Deployments 页面,可以看到一个新的部署任务。

等待数秒后(大概不到 2 分钟),显示部署完成。

点击 visit,可以看到开发环境的预览页面,已经部署好了。

但这个并没有到最后一步,因为这个域名只能在你登录账号的情况下访问,不信你换个浏览器,发现访问是这样的:

我们回到项目主页,发现可以新增一个域名。

点击新增,你可以自定义一个域名,也可以通过Refresh 获取一个 vercel 提供的默认域名。

接着回到项目主页,你就可以通过Visit按钮,或者 Domains 里面的 URL,来访问你的 RSSHub 应用啦!

访问后的效果如下,大功告成!

注意事项

记得设置开发分支

vercel 的Production Branch 一定要设置,不然你部署后得到的主域名是无法使用的。

你可以通过 Deployment里面的状态来确认是否正确部署完成,标识是 Production,同时带有 Current 标签的就是对的。

总结

以上部署教程,是基于在网页上操作实现的,不需要你额外下载仓库代码,也不需要你本地 push 代码到仓库触发自动部署。虽然这些操作看似简单,但实际上涉及了多个步骤和配置细节。如果不了解 Vercel 手动部署和 Github Fork 操作,你会被卡住很久,我第一次也是这样的,后面熟悉了就好了。

本文只是以 RSSHub 部署为例,实际上教会你的是使用 Vercel 应用,其他的应用也可以通过类似的方式部署。在未来的应用开发中,选择合适的部署平台和工具,能够极大地简化我们的开发和维护工作。Vercel 作为一个现代化的部署平台,提供了很多便捷的功能和服务,真的是一个非常不错的选择,省去了域名和服务器的费用。希望这篇文章对你有所帮助,如果你有任何问题,欢迎留言讨论!


目录
相关文章
|
4天前
|
前端开发 开发者 容器
如何解决 flex 布局下子元素 width 宽度设置失效的问题
本文通过实际案例,探讨前端开发中flex布局导致子元素宽度设置失效的问题,分析原因并提供两种解决方案:去除flex布局(不推荐)和设置min-width(推荐),帮助开发者深入理解flex特性,提升布局控制能力。
55 0
如何解决 flex 布局下子元素 width 宽度设置失效的问题
|
4天前
|
JavaScript 前端开发 数据可视化
如何优雅地处理Echarts环形图中的小数显示?
本文介绍了在数据可视化中处理数字格式的三种方法,重点解决保留两位小数并去除末尾多余0的问题。通过字符串操作、正则表达式和Number类型转换,实现简洁高效的数字格式化,推荐使用Number方法最优。
31 0
|
4天前
|
存储 JavaScript
Vue开发技巧:清除v-html指令中的富文本标签
本文介绍如何在Vue中利用正则表达式配合`v-html`指令,灵活处理富文本内容。涵盖移除样式、过滤特定标签、替换标签、删除属性及处理嵌套结构等实用技巧,助力你在不同场景下高效展示纯文本或保留格式内容。
36 0
|
缓存 前端开发 Serverless
Vercel 部署 Node 服务
Vercel 部署 Node 服务
1998 0
Vercel 部署 Node 服务
|
存储 运维 关系型数据库
Cloudreve 自建云盘实践,我说了没人能限得了我的容量和速度!
一、前言 二、Cloudreve 介绍 🔉 功能 ✨ 特性 📌 资料 三、环境准备 四、宝塔配置 1. 获取用户名和密码 2. 8888 端口授权 3. 登录宝塔后台 五、服务安装 1. 在宝塔终端查看服务内核 2. 下载和安装 3. 开放端口 5212 4. 登录服务 六、进程守护 1. Supervisor 配置 2. Supervisor 启动 七、配置域名 1. 解析域名 2. 反向代理 八、数据库切换 九、总结 十、系列推荐
3064 0
Cloudreve 自建云盘实践,我说了没人能限得了我的容量和速度!
|
3月前
|
关系型数据库 MySQL Unix
MySQL中日期和时间函数的使用指南
使用这些函数可以有效地处理和分析日期和时间数据,对于数据库管理、报表生成和数据分析非常关键。在实际应用中,根据具体需求选择适当的函数进行数据处理,可以极大地提高数据处理的效率和准确性。
252 17
|
6月前
|
数据采集 自然语言处理 分布式计算
大数据岗位技能需求挖掘:Python爬虫与NLP技术结合
大数据岗位技能需求挖掘:Python爬虫与NLP技术结合
|
11月前
|
存储 人工智能 运维
2025开年AI王炸组合:Deepseek + Zabbix = 监控界“钢铁侠”
2025年,AI技术迎来爆发,中国黑马Deepseek以“硬核战斗力”登顶热搜,预判智能家居、降低自动驾驶事故率、挑战医疗诊断新高度,被誉为“人类外挂”。与此同时,Zabbix结合AI,推出智能运维助手,极大提升运维效率。Zabbix与Deepseek联手发起“脑洞大赛”,万元奖励等你来拿。未来,不懂AI的运维或将被淘汰,立即行动,成为监控界的“天选打工人”! 简介:2025年,AI技术全面革新,Deepseek和Zabbix引领智能运维新潮流,提供高效解决方案并发起创意大赛,助力运维人员掌握未来技能。
405 0
2025开年AI王炸组合:Deepseek + Zabbix = 监控界“钢铁侠”
|
设计模式 存储 算法
分布式系统架构5:限流设计模式
本文是小卷关于分布式系统架构学习的第5篇,重点介绍限流器及4种常见的限流设计模式:流量计数器、滑动窗口、漏桶和令牌桶。限流旨在保护系统免受超额流量冲击,确保资源合理分配。流量计数器简单但存在边界问题;滑动窗口更精细地控制流量;漏桶平滑流量但配置复杂;令牌桶允许突发流量。此外,还简要介绍了分布式限流的概念及实现方式,强调了限流的代价与收益权衡。
565 12
|
Java BI 测试技术
【Docker项目实战】使用Docker部署SurveyKing调查问卷系统和考试系统
【8月更文挑战第5天】使用Docker部署SurveyKing调查问卷系统和考试系统
580 2

热门文章

最新文章