---

---

利用Vercel免费云服务，快速搭建私有云服务

什么是 vercel (opens new window)

Vercel 是一个云服务平台，支持静态网站和动态网站的应用部署、预览和上线。如果你用过 GitHub Pages ，那么心里可能不会太陌生，但你也能通过 vercel 集成 GitHub 后后，在 GitHub 项目进行代码推送，PR合并自动部署的目的，且你不需要考虑服务器问题。

vercel 自身内置 CI CD，只要将项目与 vercel 关联，你就能通过命令快速部署。

Vercel 优势

使用 Vercel 能干什么， 它有哪有优势？

注意：团队模式收费

• 个人版永久免费，每月带宽100G，注：团队模式收费。
• 内置 CI/CD，只需要将项目倒入 Vercel，自动部署。
• 内置构建流程，代码自动从仓库推送，PR自动触发打包命令。
• 支持多环境部署，只需要稍微修改命令即可。
• 丰富的集成能力，项目自动化部署，测试，监控，并自动完成相应指标输出。

项目部署

Vercel 提供两种不同部署方式，在介绍 Vercel 部署方式之前，先简单介绍一下Vercel的注册。

Vercel注册

1. 点击页面Sign Up按钮。

注意：这里的Pro即为团队协作版本，要付费。

2. 选择Hobby,并在下面 Your Name处填上你自己的昵称。
3. 紧接着就是选择手机号，找到（China +86）输入手机号，填写验证码就好。当验证码验证成功会跳出账号绑定验证（这里我选择的Github），因为这里先前已经完成注册操作，这里就不详细展示，请自行尝试。
4. 当进入到此页面，即表示你注册成功，恭喜你，成功拥有了一台属于自己的免费云服务器。 （香～～～！！！ 嗝～～～）

GitHub部署

• Github部署

1. 点击页面中的Add New按钮，选中Project，跳转进页面。
2. 选择页面中的 Add Github Account弹出授权页面， 按步骤选定项目到Vercel。
3. 点击 Import按钮，

填写完相关信息后，点击 Deploy按钮。

编译过程可视化。

发布成功。

4. 访问地址：https://wfe-blog.vercel.app/

👏👏👏👏👏👏👏欢迎访问，刀锋大数据博客 (opens new window)

• 本地部署

有时候，我们的项目可能并不在 GitHub 上，我如果需要上传 GitHub 还要做初始化一系列操作，比较麻烦，那么我们就可以通过本地初始化 vercel 让项目直接关联到 vercel，之后直接通过构建命令来达到不同环境的部署效果。

1. 在本地安装 vercel，建议是全局安装：

npm install -g vercel

2. 之后执行如下命令保证你本地登录了 vercel 账号：

vercel login

3. 之后进入你的项目根路径，执行 vercel 即可：

vercel