关于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 Settings 的 override 都勾上，示意不执行它的默认命令。

<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=””>