从零搭博客:Hugo + GitHub + Cloudflare Pages

花了大半天时间,把个人博客搭起来了。技术栈是 Hugo + GitHub + Cloudflare Pages,全程免费,不需要买服务器。整个过程记录一下,方便以后回看,也给想搭博客的人做个参考。 为什么选这套方案 之前考虑过 Hexo、VuePress,也想过直接用 WordPress。最后选 Hugo 是因为: 生成速度极快,本地秒级构建 主题生态成熟,PaperMod 颜值在线 纯静态,不需要后端服务器 Cloudflare Pages 免费托管,自带全球 CDN 部署流程:本地写 Markdown → git push → Cloudflare 自动构建 → 站点上线。比写代码还快。 环境准备 机器上需要装两个东西: Git(代码版本管理) Hugo(Extended 版本,主题会用到 SCSS) 我的环境是 Windows + Git Bash,Hugo 直接从 GitHub Release 下载解压即可。如果你也走这条路,建议下载 Extended 版,否则换主题时可能报 SCSS 编译错误。 创建项目 Hugo 创建项目的命令很简单: 1 2 3 hugo new site myblog cd myblog git init 但我这里走了另一条路——因为网络原因下载主题很慢,直接自己写了一套极简的 HTML/CSS 模板放在 layouts/ 目录下。先让站点能跑起来,后续再换主题。这个思路适合想快速看到效果的人:先上线,再迭代。 ...

June 23, 2025 · 2 min · 424 words · 麦格要努力

你好,世界!

欢迎来到我的个人博客!这是我的第一篇文章。 关于这个博客 这个博客使用 Hugo 构建,部署在 GitHub Pages 上,并通过 Cloudflare 进行加速。整个流程完全免费,而且非常高效。 技术栈 Hugo: 世界上最快的静态网站生成器 GitHub: 代码托管与版本控制 Cloudflare Pages: 全球 CDN 加速与部署 写作计划 我打算在这里分享: 技术学习笔记 项目开发心得 生活随想与感悟 有价值的书评和工具推荐 结语 建立这个博客的过程本身就是一次有趣的学习旅程。如果你也对搭建个人博客感兴趣,欢迎随时交流! “写作是最好的思考方式。” —— 佚名 期待与你在文字中相遇。🎉

June 23, 2025 · 1 min · 32 words · 麦格要努力