Github Pages 速度慢 vercel 部署静态博客

  • A+
所属分类:Web前端
摘要

文章来源:https://wflynn.cn/pages/c1549e/作者::Mioflyvercel 官方地址:https://vercel.com/


文章来源:https://wflynn.cn/pages/c1549e/

作者::Miofly

为什么使用 vercel

  • 国内 Github Pages 速度较慢。
  • vercel 速度快且能够自定义域名,能实现和 Github Pages 一样的效果

vercel 官方地址:https://vercel.com/

如何部署

  • 首先注册一个账号
  • 注册成功后进入页面,点击 News Project

Github Pages 速度慢 vercel 部署静态博客

  • 然后通过绑定的 github 或者 gitlab 导入需要部署的项目

Github Pages 速度慢 vercel 部署静态博客

  • 如果导入的项目是打包好的静态页,在 Build and Output Settingsoverride 都勾上,表示不执行它的默认命令。

Github Pages 速度慢 vercel 部署静态博客

  • 点击 deployed 进行部署,如果部署失败可以查看报错信息是不是上一步的某些选项没有覆盖。部署成功后会进入如图所示的界面

Github Pages 速度慢 vercel 部署静态博客

如何自定义域名

Github Pages 速度慢 vercel 部署静态博客

  • 下面演示如何自定义域名,默认情况下部署成功后 vercel 会给你生成一个默认的域名,如果想要修改成自己的域名可将域名名称修改成自己的。
  • 当选择修改成自己的域名名称后,vercel 会检查域名指向的 DNS 对不对,如果不对的话会提示你域名的 DNS 应该如何配置,按照 vercel 提示的 DNS 信息
    在自己的域名的 DNS 配置中进行配置,如图

Github Pages 速度慢 vercel 部署静态博客

配置多个域名

对其他新增的域名选择重定向到自己的主域名即可

Github Pages 速度慢 vercel 部署静态博客