GitHub + Vercel 展示个人网页

2022-10-04 2022-10-04 约 508 字预计阅读 2 分钟 0 次阅读

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

提示

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

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

Vercel部署

第一步 打开Vercel并登录

▲ vercel个人页面

第二步 点击右侧Add New… → Project

▲ 新建工程

第三步 通过GitHub导入仓库；

▲ 导入GitHub仓库

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

▲ 选择仓库

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

直接点击Deploy完成部署；

▲ 保持默认设置

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

▲ 部署成功

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

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

▲ 绑定域名

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

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

赞赏支持

微信打赏

支付宝打赏