笔记 | Vercel部署RSSHub及其文档页面
概述
近日在一边复习一边摸鱼玩RSS,十几年前的老东西竟然该死的有魅力。
(再不复习就复不完了啊)
话说这RSSHub真是个好东西,可以在Vercel免费构建运行,但是你看人家萌歪 https://moeyy.cn/rsshub/
自建的怎么就有和人家RSSHub官方一样的文档呢?所以我将在文章中记录在Vercel上同时部署RSSHub本体及其使用Vuepress实现的docs页面。
目录
步骤
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路由。
此步如果出错或有疑问,可以搜索关键词“Vercel部署VuePress页面”进行进一步了解。