使用vercel部署github的博客项目

在 Vercel 上部署 GitHub 项目的详细教程(包含域名配置)

Vercel 是一个提供简单、快速的应用部署服务的平台。通过 Vercel,你可以轻松地将你的 GitHub 项目部署到云端。本教程将指导你完成这个过程,让你了解每个步骤的操作。

步骤一:创建 Vercel 账号

  1. 打开 Vercel 的官方网站:https://vercel.com/
  2. 点击网页右上角的 “Sign Up”(注册)按钮,并填写必要的信息注册一个 Vercel 账号。
  3. 完成注册后,你将会被重定向到 Vercel 的控制台页面。

步骤二:安装 Vercel CLI(可选)

如果你更喜欢使用命令行界面来操作,你可以安装 Vercel 的命令行工具(CLI)。

1
npm install -g vercel

步骤三:连接 GitHub 账号

  1. 登录你的 Vercel 账号。
  2. 在控制台页面中,点击右上角的用户头像,然后选择 “Account Settings”(账号设置)。
  3. 在左侧导航栏中选择 “GitHub”。
  4. 点击 “Connect”(连接)按钮,并按照提示授权 Vercel 访问你的 GitHub 账号。

步骤四:导入 GitHub 项目

  1. 在控制台页面,点击右上角的 “New Project”(新项目)按钮。
  2. 选择 “Import Git Repository”(导入 Git 仓库)选项。
  3. 在弹出的对话框中,从列表中选择你要部署的 GitHub 项目。
  4. 确认选择后,点击 “Import”(导入)按钮。

步骤五:配置项目设置

  1. 在项目导入完成后,你可以配置项目的各种设置,比如环境变量、构建命令等。这些设置可以在项目的控制台页面中找到。
  2. 确保你的项目中包含一个名为 vercel.jsonnow.json 的文件,以配置 Vercel 的行为。你可以在 Vercel 文档中找到有关这些配置文件的更多信息。

步骤六:域名配置

  1. 在 Vercel 项目控制台页面中,点击 “Settings”(设置)选项卡。
  2. 在左侧导航栏中选择 “Domains”(域名)。
  3. 点击 “Add”(添加)按钮,并输入你想要绑定的域名。
  4. 根据提示,将你的域名解析到 Vercel 提供的 DNS 服务器地址。
  5. 完成 DNS 解析后,返回 Vercel 页面,并点击 “Verify”(验证)按钮,以确保域名解析已生效。
  6. 验证成功后,你的项目将会关联到指定的域名。

步骤七:部署项目

  1. 点击项目控制台页面上的 “Deploy”(部署)按钮,Vercel 将会开始自动部署你的项目。
  2. 部署过程完成后,你将获得一个唯一的 URL,用于访问你的项目。

现在,你已经成功在 Vercel 上部署了你的 GitHub 项目,并配置了自定义域名!欢迎享受使用 Vercel 提供的高性能和便捷性!


使用vercel部署github的博客项目
http://example.com/2024/05/03/blog2vercel/
作者
Ning
发布于
2024年5月3日
许可协议