返回

用Github Actions快速部署Hexo博客

前端

Github Actions是GitHub推出的一个自动化服务平台,它可以帮助开发者自动化各种任务,包括持续集成、持续交付、部署和测试等。借助Github Actions,我们可以轻松地将Hexo博客的打包部署过程自动化,实现一键部署,极大提升效率和便利性。

准备工作

在使用Github Actions之前,我们需要先完成以下准备工作:

  1. 安装Node.js和Hexo :确保您的系统已安装Node.js和Hexo,并已初始化Hexo博客项目。
  2. 创建GitHub仓库 :在GitHub上创建一个新的仓库,用于存放您的博客内容和部署脚本。
  3. 设置SSH密钥 :在GitHub上设置SSH密钥,以便Github Actions可以安全地访问您的仓库。
  4. 安装Hexo-deployer-git :在Hexo博客项目中安装hexo-deployer-git插件,用于将博客内容部署到GitHub Pages。

配置Github Actions

  1. 创建Github Actions工作流文件 :在您的Hexo博客项目根目录下创建一个名为.github/workflows/main.yml的文件,用于定义Github Actions的工作流。
  2. 编写工作流脚本 :在.github/workflows/main.yml文件中编写Github Actions的工作流脚本。脚本内容如下:
name: Hexo Deploy

on:
  push:
    branches:
      - main

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - uses: actions/setup-node@v2
        with:
          node-version: '16'
      - run: npm install
      - run: npm run deploy
  1. 推送代码到GitHub :将您的Hexo博客项目代码和工作流脚本推送到GitHub仓库。

部署博客

在完成上述配置后,当您将博客内容提交到GitHub仓库时,Github Actions将自动触发部署工作流,并将您的博客内容部署到GitHub Pages。部署完成后,您可以通过GitHub Pages的URL访问您的博客。

结语

通过使用Github Actions实现Hexo博客的自动部署,您可以轻松地将博客内容发布到GitHub Pages或其他平台,无需手动打包和部署,极大提升了效率和便利性。希望本文对您有所帮助,如果您有任何问题,欢迎随时提出。