[{"content":"欢迎 这是我的第一篇博客文章。使用 Hugo + PaperMod 主题搭建，部署在 Cloudflare Pages 上。\n技术栈 Hugo: 静态网站生成器 PaperMod: 简洁优雅的主题 Cloudflare Pages: 免费的静态网站托管 本地开发 hugo server 然后访问 http://localhost:1313 预览网站。\n写文章 使用以下命令创建新文章：\nhugo new content posts/my-new-post.md 文章默认为草稿状态，修改 draft: true 为 draft: false 后才会发布。\n开始你的博客之旅吧！\n","permalink":"/posts/hello/","summary":"我的第一篇博客文章","title":"Hello World"},{"content":"前言 搭建个人博客一直是我想做的事情。经过对比Hexo、Hugo等主流静态博客框架后，我选择了 Hugo —— 以其极快的构建速度和灵活的配置脱颖而出。本文记录了从零开始搭建博客并部署到 Cloudflare Pages 的完整流程。\n环境准备 安装 Hugo macOS 上使用 Homebrew 安装：\nbrew install hugo 安装完成后验证：\nhugo version 创建站点 hugo new site blog cd blog 初始化 Git 并添加主题 git init git submodule add --depth=1 https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod 使用 git submodule 管理主题的好处是后续更新主题非常方便，直接 git submodule update 即可。\n站点配置 编辑 hugo.toml，核心配置如下：\nbaseURL = \u0026#34;/\u0026#34; locale = \u0026#34;zh-cn\u0026#34; title = \u0026#34;我的博客\u0026#34; theme = \u0026#34;PaperMod\u0026#34; PaperMod 主题提供了丰富的参数配置，我开启了以下功能：\n自动主题切换（亮色/暗色） 文章目录（TOC） 阅读时间估算 代码高亮与复制按钮 全文搜索（通过 JSON 输出） 搜索功能需要在 outputs 中启用 JSON：\n[outputs] home = [\u0026#34;HTML\u0026#34;, \u0026#34;RSS\u0026#34;, \u0026#34;JSON\u0026#34;] 本地开发 hugo server 访问 http://localhost:1313 即可实时预览，修改内容后自动热更新。\n写文章 新建文章：\nhugo new content posts/my-new-post.md Hugo 使用 TOML 前置元数据，文章模板定义在 archetypes/default.md 中：\n+++ title = \u0026#34;文章标题\u0026#34; date = 2026-06-14 draft = true tags = [\u0026#34;标签\u0026#34;] categories = [\u0026#34;分类\u0026#34;] summary = \u0026#34;摘要\u0026#34; +++ 默认 draft: true，写完后改为 false 才会发布。本地预览时加上 -D 参数可以查看草稿：\nhugo server -D 构建站点 hugo 构建产物输出到 public/ 目录，这就是需要部署的全部静态文件。\n部署到 Cloudflare Pages 为什么选 Cloudflare Pages 免费额度充足：无限站点、无限请求、无限带宽 全球 CDN：自动就近分发，国内访问速度也不错 自动部署：关联 Git 仓库后，push 即部署 自定义域名：支持绑定自己的域名，免费提供 HTTPS 部署步骤 将代码推送到 GitHub 仓库 登录 Cloudflare Dashboard，进入 Pages 点击 \u0026ldquo;Create a project\u0026rdquo;，选择 \u0026ldquo;Connect to Git\u0026rdquo; 选择 GitHub 仓库，配置构建设置： Build command: hugo Build output directory: public Hugo version: 选择最新版本 点击 \u0026ldquo;Save and Deploy\u0026rdquo; 自定义域名 在 Cloudflare Pages 项目设置中添加自定义域名，按照提示配置 DNS 记录即可。Cloudflare 会自动处理 HTTPS 证书。\n完整工作流 日常写文章的流程非常简单：\n# 1. 新建文章 hugo new content posts/article-title.md # 2. 编辑文章内容 # 3. 本地预览 hugo server -D # 4. 确认无误后，提交推送 git add . git commit -m \u0026#34;新文章: article-title\u0026#34; git push 推送后 Cloudflare Pages 自动构建部署，几分钟内即可在线访问。\n遇到的问题 子模块拉取：克隆仓库时需要加 --recurse-submodules，否则主题目录为空 Hugo 版本：Cloudflare Pages 支持的 Hugo 版本可能不是最新的，构建时注意选择兼容版本 中文路径：Hugo 默认会对中文标题做 slug 处理，建议在 front matter 中显式设置 slug 总结 整个搭建过程不到一个小时，Hugo 的开发体验非常流畅，Cloudflare Pages 的部署也足够简单。对于想要拥有个人博客的技术人来说，这是一套低成本、高效率的方案。\n","permalink":"/posts/deploy-flow/","summary":"从零搭建 Hugo 博客并部署到 Cloudflare Pages 的完整流程记录","title":"我的博客部署流程"},{"content":"","permalink":"/about/","summary":"","title":"关于"}]