Vercel

Vercel 简介（以前叫 ZEIT）

  • Vercel 是一个站点托管服务平台，Github项目自动更新部署（CI/CD）

  • 可以部署多个网站或者服务

  • 网站自动配置 https，不用自己申请证书，子域名的个数没有限制

  • 最重要的是 Vercel 个人完全免费。Vercel从开始的一个月免费 20G，到后来的一个月免费 100G，直到现在的个人完全免费，可见其诚意。

Vercel 工作原理

  • Vercel 属于复制一份 Github Pages 文件，然后在它给你的空间新开一个页面，同时提供 cdn 加速。
  • 部署比较简单，用 GitHub 登陆授权后，修改 DNS 配置域名即可。

Vercel 使用

Vercel 官网

  • 进入官网，注册账号

  • 使用 GitHub 或者 GitLab 登录

  • 选择 Github Pages 导入，或者新建一个模板（Vercel 提供了诸多模板）。这里选择导入

  • 可以自定义项目名（不是Github仓库名）

  • 可以选择路径（一般都是在仓库根目录下 root ）

  • 可以选择网站对应的模板（如果网站使用了不属于原模板框架的文件，建议选择 Other，部署效果和选择模板是一样的）

  • 点击部署

  • 部署成功，点击 Visit 即可看到自己的网站

重新部署

  • 一般来说 Vercel 随着 Github 仓库更新而部署。如果有特殊需要，可以自己手动部署

  • 点击左上角 Vercel 图标，回到仪表盘，然后点击项目头像

  • 进入项目

  • 点击 View Build Logs 进入到构建页面，然后点击 Redeploy 重新部署

其他设置

  • 进入项目，点击 Settings

  • General 页面：常规设置，可以更改 Vercel 项目名、模板、项目仓库文件夹、删除项目

  • Domains 页面：项目域名，见下文

  • Git 页面：Git 设置，可更改仓库分支（更改之后记得重新部署一下）

  • Serverless Functions 页面：服务器所在地，可改为 香港(Hong Kong)

绑定 Vercel 域名(可选)

  • 进入项目

  • 点击 View Domains 进入域名配置页面（这里默认显示是Vercel分配的域名）

  • Vercel 会为每一个项目自带一个域名，也可以自定义，不过后缀要为 *.vercel.app

  • 可以点击 Add 可以添加域名，也可以点击 Edit –> Remove 删除

配置自己的域名(可选)

我是在阿里买的域名 阿里域名服务

方式一：DNS 配置

  • 将 DNS 配置到 Vercel 之后，相当于 Vercel 接管了配置域名的权力，之后子域名就不需要再进行配置了（如果在国内备案过，请走方式二）

  • Add 之后，它会弹出来一些需要做的配置，接下来需要去我们的域名提供商那里根据 Vercel 给出的要求进行域名配置。

  • 进入域名控制台，找到域名，点击 管理

  • 修改 DNS（DNS 修改之后，大概需要等 10 分钟才会生效）

    1
    2
    ns1.vercel-dns.com
    ns2.vercel-dns.com

  • 记住 CNAME 解析记录，回到 Vercel 仪表盘，点击 Domains

  • 点击 View DNS Records & More

  • 填入子域名的名称，选择 CNAME，值为 cname.vercel-dns.com ，TTL 为 60

  • 回到项目中，等待几分钟后，即可看到绑定子域名成功

  • 需要配置子域名就在 Vercel 上配置 CNAME 即可

方式二：域名解析

  • 进入域名控制台，找到域名，点击 解析

  • 添加这条解析记录

    1
    2
    @	A	默认	76.76.21.21
    www	CNAME	默认	cname.vercel-dns.com

  • 如果绑定的是主域名的话，这个时候就算配置成功了！！！

  • 需要配置子域名就在 阿里云 上配置 CNAME 即可

  • 填入子域名的名称，选择 CNAME，值为 cname.vercel-dns.com ，TTL 为 60

  • 回到项目中，等待几分钟后，即可看到绑定子域名成功

  • 接下来就可以通过我们设置的域名访问我们的网站啦！！！

相关事项

  • 需要更新网站时，只需要将新内容提交到 Github 上，Vercel 就会自动部署了！

参考网站：【鸣谢】

vercel 是什么神仙网站