手把手教您通过 Travis CI 自动化部署 Hexo 博客到 Github Pages

1. 前期准备

1.1 安装 Node.js 和 Hexo

• 安装 Node.js LTS 版本并添加环境变量。
• 使用 npm install -g hexo 安装 Hexo。

1.2 创建 Hexo 博客项目

• 在您要部署的博客目录中运行 hexo init 创建项目。

1.3 编写博客内容

• 在 source 目录下创建文章和页面，使用 Markdown 格式编写内容。

1.4 配置 Hexo

• 编辑 _config.yml 文件，设置博客标题、、作者等信息。

2. Github Pages 设置

2.1 创建 Github 仓库

• 登录 Github 并创建一个新的仓库。
• 将仓库命名为 your-username.github.io，其中 your-username 为您的 Github 用户名。

2.2 设置 Github Pages

• 在仓库的 “Settings” 页面中，找到 “Github Pages” 部分。
• 选择 “Source” 为 “master branch”，保存设置。

3. Travis CI 设置

3.1 创建 Travis CI 账户

• 登录 Travis CI 官网并注册账户。

3.2 启用 Travis CI

• 在您的 Github 仓库页面中，找到 “Settings” 页面，找到 “Integrations” 部分，点击 “Activate” 按钮启用 Travis CI。

3.3 创建 .travis.yml 文件

• 在博客项目根目录下创建 .travis.yml 文件。
• 在该文件中添加如下内容：

language: node_js
node_js:
  - "12"
cache:
  directories:
    - node_modules
script:
  - npm install
  - hexo generate
  - hexo deploy

4. 测试部署

• 提交您的代码到 Github 仓库。
• 等待 Travis CI 自动构建并部署您的博客。
• 访问您的 Github Pages 网站以查看部署结果。

5. 常见问题

5.1 构建失败怎么办？

• 检查您的代码和配置文件是否存在错误。
• 确保您已安装了必要的依赖项。
• 查看 Travis CI 的构建日志以了解具体错误信息。

5.2 如何更新博客内容？

• 只需更新您的博客内容，然后提交代码到 Github 仓库。
• Travis CI 会自动构建并部署您的博客，无需手动操作。

6. 结语

通过使用 Travis CI 自动化部署 Hexo 博客到 Github Pages，您可以轻松地托管您的博客内容，并通过持续集成来确保博客的稳定性。这种自动化部署方式不仅提高了您的工作效率，还让您的博客更具可靠性。