skip to content
久木笔记

Vercel 部署Github Stars 存储库管理器

/ 2 min read

## 项目地址:
[https://github.com/cfour-hi/gitstars](https://github.com/cfour-hi/gitstars)

  1. Fork 项目

[https://github.com/cfour-hi/gitstars](https://github.com/cfour-hi/gitstars)

  1. 创建 Github OAuth App:

- 点击头像,设置,开发者设置,OAuth App

  • 点击 Register a new application 按钮创建 App

  • 先想好 Vercel 项目名称,最终 Vercel Project 访问地址就是 https://你的vercel项目名字.vercel.app在 Homepage URL 和 Authorization callback URL 填写访问地址

- 创建完成后,会打开 App 设置页

App 设置页会显示 Client ID,后续会添加到 Vercel Project 环境变量。

点击 Generate a new client secret 按钮,新增密钥。

**注意**,密钥只会展示一次,所以请务必保存好。

同样,密钥后续也会添加到 Vercel Project 环境变量。

## 创建 Vercel Project

打开[vercel](https://vercel.com/)

添加 Github Account 之后会展示所有 Github Repositories。

找到 gitstars,点击 Import 按钮进入 Configure Project 页。

Project Name 填写之前想好的 Vercel 项目名称。

添加两个环境变量:

``` VITE_GITSTARS_CLIENT_ID

```

``` VITE_GITSTARS_CLIENT_SECRET

```

配置完成,点击底部 Deploy 按钮开始部署,部署完毕即可。

---