发表于 2024-08-24 更新于 2025-01-07 分类于 Blog 本文字数： 551 阅读时长 ≈ 2 分钟

Blog 部署

概述

由 Github 托管 Blog 代码，并使用 Github Actions 向 GitHub Pages 和 Cloudflare Pages 推送，做到私有代码库，公网访问。

博客框架选择

因为使用 Gihtub Pages 和 Cloudflare Pages 所以选选择了hexo 来搭建 blog。

工作流程

graph TB
A(本地代码库)--->|链接|B(远程代码库【私有】)
C(用户)--->|编写,生成|A
B--->|推送|D(Github Pages【公有】)
B--->|推送|E(Cloudflare Pages【公有】)

初始化

准备

使用的是 windows 电脑

1. Hexo.exe
1. git
1. Cloudflare 账户和域名
1. VsCode
1. npm
1. yarn

开始

1. 在 Github 上创建2个仓库：
  - remote-blog
  - xxx.github.io
1. 将remote-blog 仓库 git clone 到本地。
1. 打开 Powershell，将工作路径定到remote-blog，输入
  1
  \xxx\hexo.exe init
  将仓库初始化，后面再调用hexo.exe 将写为hexo。
1. 输入
  1
  sudo npm install --save
  使用 npm 下载相关组件
1. 创建remote-blog/.github/workflows/xxx.yml文件，用来调用 Github Actions 自动化部署

name: Pages
on:
  push:
    branches:
      - main # default branch
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - name: Check Out
        uses: actions/checkout@v4
        with:
          token: ${{ secrets.BLOG_TOKEN }}
          # If your repository depends on submodule, please see: https://github.com/actions/checkout

      - name: Use Node.js 20
        uses: actions/setup-node@v4
        with:
          # Examples: 20, 18.19, >=16.20.2, lts/Iron, lts/Hydrogen, *, latest, current, node
          # Ref: https://github.com/actions/setup-node#supported-version-syntax
          node-version: "20"

      - name: Cache NPM dependencies
        uses: actions/cache@v4
        with:
          path: node_modules
          key: ${{ runner.OS }}-npm-cache
          restore-keys: |
            ${{ runner.OS }}-npm-cache

      - name: Install Dependencies
        run: npm install

      - name: Build
        run: npm run build

      - name: Upload Pages artifact
        uses: actions/upload-pages-artifact@v3
        with:
          path: ./public

      - name: Deploy to GitHub Pages
        uses: peaceiris/actions-gh-pages@v3
        with:
          personal_token: ${{ secrets.BLOG_TOKEN }}
          publish_dir: ./public
          external_repository: xxx/xxx.github.io # 更改为你的 GitHub Pages 仓库, username 是你的用户名
          publish_branch: main # GitHub Pages 分支
      - name: Deploy to Cloudflare Pages
        uses: cloudflare/pages-action@v1
        with:
          apiToken: ${{ secrets.CF_TOKEN }}
          accountId: ${{ secrets.CF_ID }}
          projectName: ${{ secrets.CF_NAME }}
          directory: ./public
          wranglerVersion: "3"