从一开始:更改Hexo网站域名
本篇博客将详细介绍如何通过 Vercel 设置自定义域名,实现个性化且高效的网站托管。本文将逐步介绍 如何使用 Vercel 以及如何在 GitHub 上设置自定义域名。
常见的修改域名方式有如下两种,不过个人推荐采用Vercel。
1. 使用 Vercel 更改域名(推荐使用这种方式)
Vercel 是一个用于部署前端项目的云平台,支持自定义域名。以下是使用 Vercel 更改域名的步骤:
注册并登录 Vercel:访问 Vercel 官网,使用 GitHub 或 Google 账号注册并登录。
导入项目:在 Vercel 仪表板中,点击 “Import Project”,选择你的 Hexo 项目仓库(可以是 GitHub、GitLab 或 Bitbucket 等)。
选择项目:选择你要部署的 Hexo 项目,Vercel 会自动拉取项目代码。
配置构建:在 “Build & Development Settings” 中,配置项目的构建命令和输出目录。对于 Hexo 项目,通常设置如下:
- Build Command:
hexo clean && hexo generate
- Output Directory:
public
(Hexo 默认生成的静态文件目录)
- Build Command:
添加自定义域名:
- 在 Vercel 仪表板中,点击你的项目,进入项目详情页面。
- 点击 “Domains” 选项卡,然后点击 “Add Domain”。
- 输入你的自定义域名,例如
yourdomain.com
,然后点击 “Add”。
配置 DNS 解析:(这一块可以参照CSDN上”菜鸟是大神“的blog,其中有更详细的说明,很有帮助)
- 登录你的域名注册商(如阿里云、腾讯云等),进入域名管理控制台。
- 添加两条记录:
- A 记录:主机记录为
@
,记录值为 Vercel 提供的 IP 地址(可以在 Vercel 的 “DNS” 设置中查看)。 - CNAME 记录:主机记录为
www
,记录值为yourdomain.com
。
- A 记录:主机记录为
等待 DNS 生效:DNS 解析通常需要几分钟到几小时的时间生效。生效后,你的域名将指向 Vercel 上的 Hexo 项目。
【详细教程hexo博客搭建】2、Vercel部署并绑定自定义域名+安装Butterfly主题_vercel自定义域名-CSDN博客 https://blog.csdn.net/wufaqidong1/article/details/132951333
2. 在 Hexo 部署到 GitHub 时设置自定义域名
除了使用 Vercel,你还可以在 Hexo 部署到 GitHub 时设置自定义域名。以下是具体步骤:
购买并配置域名:
- 购买一个域名,例如在阿里云或腾讯云上购买。
- 在域名注册商的控制台中,添加两条记录:
- A 记录:主机记录为
@
,记录值为 GitHub Pages 的 IP 地址(可以通过ping username.github.io
获取,例如185.199.110.153
)。 - CNAME 记录:主机记录为
www
,记录值为username.github.io
(将username
替换为你的 GitHub 用户名)。
- A 记录:主机记录为
配置 Hexo 项目:
在 Hexo 项目的根目录下,创建一个名为
CNAME
的文件(无后缀),文件内容为你的自定义域名,例如yourdomain.com
。修改
_config.yml
文件,将url
和root
设置为你的自定义域名:1
2url: https://yourdomain.com
root: /
部署到 GitHub:
确保你的 GitHub 仓库名称为
username.github.io
,其中username
是你的 GitHub 用户名。在
_config.yml
中配置部署设置:1
2
3
4deploy:
type: git
repo: https://github.com/username/username.github.io.git
branch: main运行以下命令生成静态文件并部署:
1
2
3hexo clean
hexo generate
hexo deploy
在 GitHub 设置自定义域名:
- 登录 GitHub,进入你的仓库,点击 “Settings”。
- 在左侧菜单中选择 “Pages”,然后在 “Custom domain” 中输入你的自定义域名,例如
yourdomain.com
,点击 “Save”。
开启 HTTPS:
- 在 GitHub Pages 设置中,找到 “Enforce HTTPS” 选项,勾选该选项以强制使用 HTTPS。
- 如果需要,可以在域名注册商处申请免费的 SSL 证书(如阿里云的免费 SSL 证书),并按照提示操作。
- 本文作者: 黎玮
- 本文链接: https://lwow.xyz/2025/02/16/hexo建站教学-2/
- 版权声明: © William-Liwei. All rights reserved.