首先声明一下,我的个人主页就是用gitlab(主要为了解决github偶尔连不上的问题,当然github也在跟随同步,不存在不更新的问题)+vercel部署的,vercel相当于一个功能更全的CDN网站,可以免费托管域名并自动安装SSL证书,也可以当做名称服务器(Nameservers)的服务商,比如我的域名是freenom买的,用的是谷歌的账号登录,每次修改DNS都要通过特殊手段来登录和改动,很是费事,vercel就可以充当自动处理请求的机器,一切DNS改动及时完成;当然,vercel也可以购买域名,只不过……溢价严重。现在来说说怎么部署吧!
准备一个里面有HTML网页(index.html)的git仓库,名称不限
打开Vercel官方网站,然后点击右上角的"New Project"(或在地址栏输入https://vercel.com/new),然后选择你刚才准备的仓库(如果没有请点"import"按钮上方的搜索框搜索),点击import,如果没有其他需求请点击"Deploy",加载完毕后点击"Go to Dashboard"进入仪表板。
这里简单讲讲仪表板的内容,在仪表板中有许多选项,其中"+1"按钮旁边的三个域名都是可用的,“DEVELOPMENT"下的网址是根据git提交名称定义的,每一次提交都会改变,而且不好记,不建议使用。 下面两个域名中,第一个域名是根据项目名称检查是否有其他人创建,如有就会用”-“连接一些简单的单词。 右侧的域名是用"项目名称”+“用户名"组成的,较为好记。 接着是下面的"STATE”,也就是整个项目的状态,通常为"Ready",颜色块显示为绿色,如果不是的话,那就要检查检查了:是否有index.html,克隆时是否成功等。 右面是"CREATED",也就是提交这一版本距现在的时间。 再往下"BRANCH",也就是vercel读取git仓库的分支,默认是main。 最下面是一行灰色小字,也就是提交这一版本的备注。
点击仪表板上面的"View Domains",也就是查看域名,进入后会发现里面有一个自动分配(也就是上面讲到的检查是否有其他人创建然后用"-"连接一些简单的单词组成的域名),中间还有一个显示内容为"mywebsite.com"的输入框,通过这里可以自定义域名,比如我的自定义域名是https://123.xiejiayu.tk(如果没有安装SSL证书会自动安装并续期)
等一切都完了之后就可以查看你的网站啦!