1 需求
本方案适用于以下情况:
- 用于建立个人网站/个人博客
- 没有租赁服务器的经济条件
- 对网站可靠性、性能要求不高
- 对服务端了解甚少的前端同学,单纯想部署一个网站
2 步骤1——vercel(方式1)
-
首先去vercel官网使用github/gitlab账号登录
-
安装node
-
命令行安装vercel, npm run vercel -g
-
在cmd里打开要部署的项目的文件夹的路径
-
输入命令 vercel --prod
-
跳出若干选项,如果部署的是纯html/css/js组成的文件,就按照以下的方式去选择
-
如果部署的是Vue项目之类的,就在箭头指向的那一行选择n即可,这样就部署完成了
3 步骤1——vercel(方式2)
- 首先去vercel官网使用github/gitlab账号登录
- 将自己要部署的项目上传到gitlab/github的仓库里(就是自己登录的那个账号)
- 新建一个项目
- 网站会自动跳出github里面的仓库,选择自己之前上传的仓库,选择import
- 先选择skip(这不是一个合作项目),在箭头2输入自己喜欢的项目名,最后选择箭头3 deploy
4 步骤2——申请域名
步骤1的两个方式任选其一即可,部署后会生成一个域名,比如main-site-nu.vercel.app
但是这个自动生成的域名经常被禁止访问(有许多不法分子会用这个方式建立网站,所以.vercel.app结尾的网站国内访问非常不稳定),那么就需要自己去申请域名了,我这里选择阿里云。
- 在阿里云官网购买域名,比如说xxx.asia(这个首年6块挺便宜的)
- 按照指引完成实名认证
- 进入域名的控制台
- 按照如下方式配置域名解析
- 按照如下配置DNS
- 在vercel里,配置域名,箭头3处输入域名,选择add
- 弹框里选择最后一项,然后就可以访问了