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

2023-03-05 16:34:32 浏览数 (1)

概述

近日在一边复习一边摸鱼玩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页面”进行进一步了解。

0 人点赞