笔记 | Vercel部署RSSHub及其文档页面

概述

近日在一边复习一边摸鱼玩RSS，十几年前的老东西竟然该死的有魅力。（再不复习就复不完了啊）

话说这RSSHub真是个好东西，可以在Vercel免费构建运行，但是你看人家萌歪 https://moeyy.cn/rsshub/自建的怎么就有和人家RSSHub官方一样的文档呢？所以我将在文章中记录在Vercel上同时部署RSSHub本体及其使用Vuepress实现的docs页面。

目录

• 概述
• 目录
• 步骤
  • 1.克隆RSShub仓库
  • 2.在Vecel完成RSShub部署
  • 3.在Vecel完成Vuepress部署
    • 3.1在Github新建一个仓库
    • 3.2在本地构建文档的静态页面
    • 3.3上传静态页面

步骤

1.克隆RSShub仓库

登录自己的github账号并去fork一下官方的RSSHub仓库：https://github.com/DIYgod/RSSHub

2.在Vecel完成RSShub部署

前往http://vecel.com 登录并绑定git账号，新建工程，导入仓库，并直接部署。最后使用记得用自己的域名绑定Vecel的CNAME就可以快速访问了（可自动开启使用https）由于这些步骤在其他人写的博客里已经比较详细，故不赘述。

成功完成部署

3.在Vecel完成Vuepress部署

这步是重点，此步按照本地构建，Vecel托管的思路进行。

由于RSSHub的文档页面是使用VuePress构建的，所以对文档内容的修改可以转化为对markdown的修改，关于VuePress的详细内容可以参阅其他博客。所以下面我们将采用部署VuePress页面的策略来部署RSSHub的doc页面。

3.1在Github新建一个仓库

命令行或者网页或者Github Desktop上建都可以，例如取名为RSSHub-doc

3.2在本地构建文档的静态页面

打开RSSHub项目（1.中克隆的仓库代码），在正常完成npm install后，运行npm run docs:build

3.3上传静态页面

构建结束后将会在/docs/.vuepress下生成静态页面，将该目录下的所有内容提交至新建的Github仓库，再在Vercel新建一个项目，导入该仓库，构建和部署选项里不用特别设置，完成部署以后就可以访问了。

文档页面部署完成

后续可以自行将文档中的一些链接进行替换，以便直接复制使用rss地址时使用自己的服务器。当然也可以添加自己编写的rss路由。

自行编写和部署的路由

info: 此步如果出错或有疑问，可以搜索关键词“Vercel部署VuePress页面”进行进一步了解。