zl程序教程

您现在的位置是:首页 >  工具

当前栏目

基于Vercel部署github-readme-stats

GitHub部署 基于 stats vercel README
2023-06-13 09:11:39 时间

基于Vercel部署github-readme-stats

​ Github主页美化,将github-readme-stats部署到Vercel上

步骤说明

<1>注册、登录vercel.com

<2>frok github-readme-stats 仓库,并授予vercel访问该仓库的权限

<3>从Git仓库中导入仓库信息,并配置个人访问令牌环境变量

参考配置

注册、登录vercel.com

​ 可选用第三方账号直接绑定即可(vercel在很多场景的应用还是可行的)

frok github-readme-stats 仓库,并授予vercel访问该仓库的权限

​ 可在Github Settings -> Integrations:Applications 配置应用权限,并在Repository access设定其可访问的仓库权限

进入Vercel控制台

​ 个人令牌生成:Settings -> Personal access tokens(填充名称,配置默认即可)需注意Token生成之后只提示一次需自行保存,且离开页面之后无法再次查看

​ New Project -> Import Git Repository -> 选择github-readme-stats仓库进行Import,配置环境变量PAT_1(对应值为上述生成的Token),配置完成点击DEPLOY即可发布

​ 上述操作执行之后发现并没有执行自动部署,且提示maxDuration参数问题,一开始以为是项目配置问题,随后检查项目分支等均没有得到有效解决,主动推送master分支也并没有效果,后续根据相应提示查看源码部署配置vercel.json,默认如下所示

{
  "functions": {
    "api/*.js": {
      "memory": 128,
      "maxDuration": 30
    }
  },
  "redirects": [
    {
      "source": "/",
      "destination": "https://github.com/anuraghazra/github-readme-stats"
    }
  ]
}

​ 而vercel免费的情况下限制maxDuration参数是0-10,否则需要升级套餐。因此需要调整maxDuration参数并尝试重新推送、发布

​ 随后则可以发布的API路径访问接口服务,获取相应的内容,但需注意分支更新带来的api变动,因此可通过提供的DOMAINS进行访问,例如https://发布项目名-用户名.vercel.app