开箱即用：Hexo 博客的 GitHub + Server 自动部署

前端

2024-02-12 10:11:13

前言

在当今数字时代，拥有一个博客对于分享你的想法、建立受众并提升你的专业形象至关重要。然而，建立和维护一个博客可能是耗时且具有挑战性的。这就是 Hexo、GitHub 和 Netlify（或 Vercel）的出现。

什么是 Hexo？

Hexo 是一个静态网站生成器，专门用于博客。它使你可以轻松地使用 Markdown 编写博客文章，并使用各种主题自定义你的博客的外观。

什么是 GitHub Actions？

GitHub Actions 是 GitHub 提供的一项服务，允许你使用自动化工作流自定义你的项目。你可以使用 GitHub Actions 来构建、测试和部署你的代码，以及执行其他任务。

什么是 Netlify（或 Vercel）？

Netlify 和 Vercel 是托管平台，专门用于静态网站。它们提供了简单的一键式部署功能，并处理你的博客的托管和 CDN。

设置 Hexo

安装 Node.js 和 npm。
安装 Hexo：npm install -g hexo。
初始化你的博客：hexo init <博客目录>。
选择一个主题并安装它。

配置 GitHub Actions

在你的博客仓库中创建一个 .github/workflows 目录。
在该目录中创建一个名为 deploy.yml 的文件。
将以下内容复制到 deploy.yml 中：

name: 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'
          cache: 'npm'
      - run: npm install
      - run: hexo generate
      - name: Deploy to Netlify
        uses: netlify/actions/netlify@v2
        env:
          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
          NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}