无论你是想要有一个自己的博客,还是想将自己的小项目发布到外网,给所有人访问,Vercel绝对是一个经济实惠的选择。

注意,在使用Vercel前请确保你已安装GitNode.js

1 注册并安装

首先前往Vercel官网注册一个账号,现在注册新用户必须使用GitHubGitLab或者BitBucket的账户进行授权,并绑定手机号,注册完成后可以在配置页面修改自己的邮箱。

1
2
3
4
5
# 安装Vercel
npm i -g vercel

# 登陆Vercel,vc是Vercel的简写,也可使用Vercel代替
vc login YourEmailAddress

Vercel会向你的邮箱发送一封邮件,确认后即可登陆:

Vercel确认邮件

登录Vercel

2 发布你的网站/项目

1
2
# 发布网站/项目
vc --prod

项目配置基本上一路回车就行,我这里的项目是一个合成大西瓜的小游戏:

合成大西瓜小游戏

发布后会得到两个个网址,随便打开一个就可以进入游戏了,但是这个网址看上去并不是特别优雅,如果你有域名的话,不妨和我一起设置一下。

合成大西瓜网址1

合成大西瓜网址2

3 绑定你的域名

如果你有域名的话,可以把它绑定到Vercel

1
2
# 绑定自己的域名
vc domains add YourDomains

运行命令后,有可能会提示你输入项目名称(我这里的项目名称为daxigua):

绑定自己的域名

根据提示信息来看,Vercel让我们改一下DNS解析的服务器地址并且会发一封邮件给我们,根据邮件提示,有两种方式可以达到目的:

1
2
3
4
5
# 方法一
@ A 76.76.21.21
# 方法二
ns1.vercel-dns.com
ns2.vercel-dns.com

我这里直接选第一种,首先在购买域名的地方进入控制台,然后找到DNS解析服务,添加记录集:

添加记录集

配置完成后,会收到一封邮件,提示你在终端使用vc --prod命令再次发布一下:

发布合成大西瓜应用

发现可以通过自己的域名访问合成大西瓜了。