← Blog

hexo建站教学(2)

Wei Li约 3 分钟阅读
GitHub建站教学hexo
文章目录

从一开始：更改Hexo网站域名

本篇博客将详细介绍如何通过 Vercel 设置自定义域名，实现个性化且高效的网站托管。本文将逐步介绍 如何使用 Vercel 以及如何在 GitHub 上设置自定义域名。

常见的修改域名方式有如下两种，不过个人推荐采用Vercel。

1. 使用 Vercel 更改域名（推荐使用这种方式）

Vercel 是一个用于部署前端项目的云平台，支持自定义域名。以下是使用 Vercel 更改域名的步骤：

  1. 注册并登录 Vercel：访问 Vercel 官网，使用 GitHub 或 Google 账号注册并登录。

  2. 导入项目：在 Vercel 仪表板中，点击 “Import Project”，选择你的 Hexo 项目仓库（可以是 GitHub、GitLab 或 Bitbucket 等）。

  3. 选择项目：选择你要部署的 Hexo 项目，Vercel 会自动拉取项目代码。

  4. 配置构建：在 “Build & Development Settings” 中，配置项目的构建命令和输出目录。对于 Hexo 项目，通常设置如下：

    • Build Command：hexo clean && hexo generate
    • Output Directory：public（Hexo 默认生成的静态文件目录）

  5. 添加自定义域名：

    • 在 Vercel 仪表板中，点击你的项目，进入项目详情页面。
    • 点击 “Domains” 选项卡，然后点击 “Add Domain”。
    • 输入你的自定义域名，例如 yourdomain.com，然后点击 “Add”。

  6. 配置 DNS 解析：（这一块可以参照CSDN上”菜鸟是大神“的blog，其中有更详细的说明，很有帮助）

    • 登录你的域名注册商（如阿里云、腾讯云等），进入域名管理控制台。
    • 添加两条记录：
      • A 记录：主机记录为 @，记录值为 Vercel 提供的 IP 地址（可以在 Vercel 的 “DNS” 设置中查看）。
      • CNAME 记录：主机记录为 www，记录值为 yourdomain.com。

  7. 等待 DNS 生效：DNS 解析通常需要几分钟到几小时的时间生效。生效后，你的域名将指向 Vercel 上的 Hexo 项目。

    【详细教程hexo博客搭建】2、Vercel部署并绑定自定义域名+安装Butterfly主题_vercel自定义域名-CSDN博客 https://blog.csdn.net/wufaqidong1/article/details/132951333

2. 在 Hexo 部署到 GitHub 时设置自定义域名

除了使用 Vercel，你还可以在 Hexo 部署到 GitHub 时设置自定义域名。以下是具体步骤：

  1. 购买并配置域名：

    • 购买一个域名，例如在阿里云或腾讯云上购买。
    • 在域名注册商的控制台中，添加两条记录：
      • A 记录：主机记录为 @，记录值为 GitHub Pages 的 IP 地址（可以通过 ping username.github.io 获取，例如 185.199.110.153）。
      • CNAME 记录：主机记录为 www，记录值为 username.github.io（将 username 替换为你的 GitHub 用户名）。

  2. 配置 Hexo 项目：

    • 在 Hexo 项目的根目录下，创建一个名为 CNAME 的文件（无后缀），文件内容为你的自定义域名，例如 yourdomain.com。

    • 修改 _config.yml 文件，将 url 和 root 设置为你的自定义域名：

      1
      2
      url: https://yourdomain.com
      root: /

  3. 部署到 GitHub：

    • 确保你的 GitHub 仓库名称为 username.github.io，其中 username 是你的 GitHub 用户名。

    • 在 _config.yml 中配置部署设置：

      1
      2
      3
      4
      deploy:
        type: git
        repo: https://github.com/username/username.github.io.git
        branch: main

    • 运行以下命令生成静态文件并部署：

      1
      2
      3
      hexo clean
      hexo generate
      hexo deploy

  4. 在 GitHub 设置自定义域名：

    • 登录 GitHub，进入你的仓库，点击 “Settings”。
    • 在左侧菜单中选择 “Pages”，然后在 “Custom domain” 中输入你的自定义域名，例如 yourdomain.com，点击 “Save”。

  5. 开启 HTTPS：

    • 在 GitHub Pages 设置中，找到 “Enforce HTTPS” 选项，勾选该选项以强制使用 HTTPS。
    • 如果需要，可以在域名注册商处申请免费的 SSL 证书（如阿里云的免费 SSL 证书），并按照提示操作。