使用 Git 将本地 Hexo 博客上传至 GitHub 并部署至 Vercel 或 GitHub Pages

本文将指导你如何将本地 Hexo 博客上传到 GitHub，并使用 GitHub Pages 或 Vercel 进行部署，最后设置自己的域名。

前提条件

• 已安装 Git 和 Node.js。
• 已安装 Hexo，并创建了一个 Hexo 博客。
• 拥有 GitHub 和 Vercel 帐号。

第一步：将 Hexo 博客上传至 GitHub

1. 初始化 Git 仓库

   在 Hexo 博客根目录中打开终端，初始化 Git 仓库：

   git init

2. 添加 GitHub 远程仓库

   登录 GitHub，创建一个新的仓库（例如，yourusername.github.io），然后将其添加为远程仓库：

   git remote add origin https://github.com/yourusername/yourusername.github.io.git

3. 提交 Hexo 文件

   将 Hexo 文件添加到 Git 并提交：

   git add .
   git commit -m "Initial commit"

4. 推送到 GitHub

   将本地内容推送到 GitHub：

   git push -u origin master

第二步：使用 GitHub Pages 部署

1. 配置 GitHub Pages

   在 GitHub 仓库页面，转到 “Settings” > “Pages”，选择 master 分支作为 GitHub Pages 的源，然后保存。

2. 访问你的博客

   你可以通过 https://yourusername.github.io 访问你的博客。

第三步：使用 Vercel 部署

1. 登录 Vercel

   前往 Vercel 并使用 GitHub 账户登录。

2. 创建新项目

   点击 “New Project”，选择刚刚上传的 GitHub 仓库。

3. 配置部署设置

   Vercel 会自动检测 Hexo，点击 “Deploy” 按钮开始部署。

4. 访问你的博客

   部署完成后，Vercel 会提供一个访问链接，你可以通过这个链接访问你的博客。

第四步：设置自定义域名

使用 GitHub Pages

1. 购买域名

   在域名注册商处购买一个域名。

2. 添加 CNAME 文件

   在 Hexo 博客根目录下创建一个 CNAME 文件，内容为你的域名，例如：

   www.yourcustomdomain.com

3. 更新 DNS 设置

   在域名注册商处，将 DNS 设置为指向 GitHub Pages：

   • 添加 A 记录指向：
     • 185.199.108.153
     • 185.199.109.153
     • 185.199.110.153
     • 185.199.111.153
   • 添加 CNAME 记录指向 yourusername.github.io。

4. 更新 GitHub Pages 设置

   在 GitHub 仓库的 “Settings” > “Pages” 中，将自定义域名添加到配置中。

使用 Vercel

1. 设置自定义域名

   在 Vercel 项目设置中，找到 “Domains” 选项，添加你的自定义域名。

2. 更新 DNS 设置

   在域名注册商处，将 DNS 设置为指向 Vercel：

   • 添加 CNAME 记录指向 cname.vercel-dns.com。