不管是搭建静态博客,还是展示个人网页,我们都可以这个方法达到网络访问的目的。

静态博客需要先生成静态文件后将生成的静态文件上传至GitHub

自己写的网页,所引用文件的目录要正确,上传GitHub即可。

Vercel部署

第一步 打开Vercel并登录

vercel个人页面

第二步 点击右侧Add New…Project

新建工程

第三步 通过GitHub导入仓库;

导入GitHub仓库

第四步 选择我们在GitHub创建好并且已经Push网页文件的仓库

选择仓库

第五步 因为用Hugo框架Push的是Public文件夹下已经渲染好的HTML文件,所以直接保持默认,FRAMEWORK PRESET选项下面不要再去选择Hugo了,切记;

直接点击Deploy完成部署;

保持默认设置

第六步 通过预览窗可以看到已经显示网页的样子了;

部署成功

第七步 现在可以通过Vercel的域名进行访问,不过太长了,不容易记忆和输入,我们需要绑定到我们自己的域名来进行访问;

回到刚创建的新工程下,依次点击SettingDomains → 输入我们的域名 → 点击Add完成操作;

绑定域名

然后会报错,因为我们输入的域名还没有解析;

第八步 接下来到我们自己域名的服务商进行DNS解析即可;