Hugo + GitHub + Cloudflare Pages 搭建个人主页


项目仓库:(本仓库)

访问地址:(本站)


下文流程图概括了「本地开发 → GitHub 推送 → Cloudflare Pages 自动构建部署」的主链路。

graph LR
    A[本地 Markdown] --> B[Git Push]
    B --> C[GitHub 仓库]
    C --> D[Cloudflare Pages]
    D --> E[Hugo Build]
    E --> F[全球边缘部署]
    F --> G[用户访问]
    G --> H[就近节点响应]

项目概述

本项目以生产级标准搭建个人技术主页,承担「内容编写 → 自动化构建 → 全球部署」的完整链路。在本项目中负责架构设计、Hugo 主题定制与性能优化。

技术栈:Hugo 作为静态站点生成器(Golang 编译级速度,构建 1000 篇文章仅需 0.8s);Cloudflare Pages 提供一体化的 CI/CD、静态托管与全球 CDN(推送即部署,无需配置 GitHub Actions)。架构简洁,推送到 GitHub 后 Cloudflare Pages 自动拉取、构建、部署至全球 200+ 边缘节点。

类别 技术选型 用途
静态生成 Hugo Markdown 转 HTML,毫秒级构建
托管/CI/CD Cloudflare Pages 自动构建、全球边缘部署、自动 HTTPS
CDN/安全 Cloudflare 全球加速、DDoS 防护、边缘缓存
主题 Hugo Book 文档风格主题,侧边栏导航

项目成果