乐趣区

关于javascript:Github-Pages-速度慢-vercel-部署静态博客

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

作者::Miofly

为什么应用 vercel

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

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

如何部署

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

<img src=”https://miofly.gitee.io/res/img/blog/vercel/img.png” alt=””>

  • 而后通过绑定的 github 或者 gitlab 导入须要部署的我的项目

<img src=”https://miofly.gitee.io/res/img/blog/vercel/img_1.png” alt=””>

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

<img src=”https://miofly.gitee.io/res/img/blog/vercel/img_2.png” alt=””>

  • 点击 deployed 进行部署,如果部署失败能够查看报错信息是不是上一步的某些选项没有笼罩。部署胜利后会进入如图所示的界面

<img src=”https://miofly.gitee.io/res/img/blog/vercel/img_3.png” alt=””>

如何自定义域名

  • 腾讯云域名地址:https://console.cloud.tencent.com/domain
  • vercel 动态页挂载地址:https://vercel.com/miofly/mio-test-s/5iv959MEYqhTuJ4MV51ZTHBoDkz7
  • 进入到 setting 中可对我的项目进行一些设置,如项目名称

<img src=”https://miofly.gitee.io/res/img/blog/vercel/img_4.png” alt=””>

  • 上面演示如何自定义域名,默认状况下部署胜利后 vercel 会给你生成一个默认的域名,如果想要批改成本人的域名可将域名名称批改成本人的。
  • 当抉择批改成本人的域名名称后,vercel 会查看域名指向的 DNS 对不对,如果不对的话会提醒你域名的 DNS 应该如何配置,依照 vercel 提醒的 DNS 信息
    在本人的域名的 DNS 配置中进行配置,如图

<img src=”https://miofly.gitee.io/res/img/blog/vercel/img_6.png” alt=””>

配置多个域名

对其余新增的域名抉择重定向到本人的主域名即可

<img src=”https://miofly.gitee.io/res/img/blog/vercel/img_5.png” alt=””>

退出移动版