基于Vercel部署github-readme-stats

基于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