我是怎么部署这个博客的

Thu, 10 Apr 2025 15:44:00 +0000

静态文件总得找个地方放, 还得让全世界都能访问.

部署平台: Cloudflare Pages

选 Cloudflare Pages 而不是其他平台, 原因有三:

全球 CDN: Cloudflare 有遍布全球的边缘节点, 无论访客在哪, 都能从最近的节点加载页面
零配置 HTTPS: 自动签发和续期 SSL 证书, 不需要手动处理
免费额度够用: 对于个人博客来说, 带宽和构建次数完全够用

配置很简单, 在 Cloudflare Pages 控制台创建一个项目, 关联 GitHub 仓库. 构建命令和输出目录在 GitHub Actions 里控制, 不需要在控制台配.

有个坑: Cloudflare Pages 默认分配的域名是 <project>.pages.dev, 项目名一旦确定就不能改. 想换只能删掉重建. 我那会儿随便打了个名字, 后来想改发现不行, 只能留着.

CI/CD 流程

完整的部署流程由 GitHub Actions 管理:

name: Deploy to Cloudflare Pages

on:
 push:
 branches: [master]
 workflow_dispatch:

jobs:
 build:
 runs-on: ubuntu-latest
 steps:
 - uses: actions/checkout@v4

 - uses: peaceiris/actions-hugo@v3
 with:
 hugo-version: "0.164.0"
 extended: true

 - uses: actions/setup-node@v4
 with:
 node-version: 24
 cache: npm

 - name: Install dependencies
 run: npm ci

 - name: Patch theme for Hugo compatibility
 run: bash scripts/patch-theme.sh

 - name: Build
 run: npm run build

 - name: Deploy to Cloudflare Pages
 run: npx wrangler pages deploy public --project-name=time-friend
 env:
 CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
 CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}

触发条件是 push 到 master 分支. 也支持手动触发 (workflow_dispatch), 方便在不改代码的情况下重新部署.

部署 on Time Friend

我是怎么部署这个博客的

部署平台: Cloudflare Pages

CI/CD 流程