GitHub+Vercel展示个人网页
不管是搭建静态博客,还是展示个人网页,我们都可以这个方法达到网络访问的目的。
静态博客需要先生成静态文件后将生成的静态文件上传至GitHub
;
自己写的网页,所引用文件的目录要正确,上传GitHub
即可。
Vercel部署
第一步 打开Vercel
并登录
第二步 点击右侧Add New…
→ Project
第三步 通过GitHub
导入仓库;
第四步 选择我们在GitHub
创建好并且已经Push
网页文件的仓库
第五步 因为用Hugo
框架Push
的是Public
文件夹下已经渲染好的HTML
文件,所以直接保持默认,FRAMEWORK PRESET
选项下面不要再去选择Hugo
了,切记;
直接点击Deploy
完成部署;
第六步 通过预览窗可以看到已经显示网页的样子了;
第七步 现在可以通过Vercel
的域名进行访问,不过太长了,不容易记忆和输入,我们需要绑定到我们自己的域名来进行访问;
回到刚创建的新工程下,依次点击Setting
→ Domains
→ 输入我们的域名 → 点击Add
完成操作;
然后会报错,因为我们输入的域名还没有解析;
第八步 接下来到我们自己域名的服务商进行DNS
解析即可;
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 雷雷的个人博客!
评论