从零搭建个人博客:免费VPS + 免费域名 + Cloudflare托管
2026年,搭建一个个人博客的成本几乎为零。我这个博客就是完全免费搭建的,零成本运营。这篇教程手把手带你走完整个流程。
技术栈
我用的这套方案:
- 静态博客框架:Hugo(Go语言编写,速度极快)
- 托管平台:Cloudflare Pages(全球CDN加速,完全免费)
- 域名:DigitalPlat FreeDomain(永久免费)
- 代码管理:GitHub(免费私有仓库)
- 写作:VS Code + Markdown
全套成本:0元
第一步:申请免费域名
我在之前的文章里详细写过免费域名的注册方法,这里简单复述。
DigitalPlat FreeDomain
DigitalPlat 提供永久免费的 .dpdns.org 等后缀域名,一年后续约也是免费的。
注册流程:
- 访问 DigitalPlat 官网
- 注册账号
- 申请免费域名
详细的步骤看这篇:搞了个免费域名,真香。手把手注册教程
备用方案:NameSilo
如果免费域名不够用,NameSilo 是最良心的付费域名注册商:
.com域名 $8.99/年起- 免费 WHOIS 隐私保护
- 续费不涨价
- 支持支付宝
第二步:选择托管方案
方案一:Cloudflare Pages(推荐)
Cloudflare Pages 是免费的静态网站托管服务,全球CDN加速。
优点:
- 完全免费,无隐藏费用
- 全球 CDN 加速
- 自动 HTTPS
- 支持自定义域名
- 自动部署
配置步骤:
1. 连接 GitHub 仓库
登录 Cloudflare Dashboard,进入 Workers 和 Pages 页面,点击"创建应用程序",选择"Pages"标签,连接你的 GitHub 账号,选择博客仓库。
2. 配置构建
框架预设:Hugo
构建命令:hugo
构建输出目录:public
3. 自定义域名
在 Pages 项目的"自定义域"中,添加你的免费域名。
4. 自动 HTTPS
Cloudflare 会自动为你的域名配置 HTTPS 证书。
方案二:免费VPS + 手动部署
如果你想自己控制服务器,可以用 Oracle Cloud 的免费 VPS。
Oracle Cloud 免费配置:
- 2核 AMD CPU + 24GB 内存
- 8核 ARM CPU + 24GB 内存
- 200GB 硬盘
- 10TB 出站流量
详细教程看这篇:白嫖一台永久免费服务器?Oracle Cloud 真香!
第三步:安装 Hugo
Mac 安装
brew install hugo
创建新站点
hugo new site myblog
cd myblog
git init
安装主题
我用的 PaperMod 主题,简洁专注:
git submodule add https://github.com/adityatelange/hugo-PaperMod themes/PaperMod
echo "theme = 'PaperMod'" >> hugo.toml
创建第一篇文章
hugo new posts/my-first-post.md
第四步:配置 Cloudflare Pages
1. 推送代码到 GitHub
git remote add origin https://github.com/yourname/myblog.git
git branch -M main
git push -u origin main
2. Cloudflare Pages 连接
- 进入 Workers 和 Pages
- 点击"创建" → “Pages”
- 连接 GitHub
- 选择仓库
- 配置构建设置
3. 自定义域名
在 Pages 项目设置中,添加你的免费域名。
第五步:写作和工作流
本地写作
# 新建文章
hugo new posts/article-name.md
# 本地预览
hugo server -D
# 构建
hugo
# 推送部署
./publish.sh
发布脚本
创建一个 publish.sh:
#!/bin/bash
git add .
git commit -m "Auto update: $(date)"
git push
echo "Cloudflare 正在自动部署..."
第六步:SEO优化
基础配置
在 hugo.toml 中配置:
title = "你的博客名"
baseURL = "https://你的域名"
theme = "PaperMod"
Google Search Console
- 访问 Google Search Console
- 添加你的域名
- 按照提示验证所有权
- 提交 sitemap.xml
文章SEO最佳实践
每篇文章都应该包含:
- 标题:包含核心关键词
- 描述:吸引点击的描述
- 标签:相关关键词标签
- URL:简洁的URL结构
示例:
---
title: "ChatGPT 4o免费版使用体验"
description: "三个月深度使用ChatGPT 4o免费版,告诉你真相"
tags: ["ChatGPT", "AI工具"]
---
进阶技巧
1. 添加评论系统
用评论区可以增加用户互动和停留时间。
2. 添加搜索功能
PaperMod 主题自带搜索功能,配置很简单。
3. 自动部署
每次推送到 GitHub,Cloudflare Pages 会自动部署。
4. 多语言支持
Hugo 支持多语言博客,可以配置英文和中文版本。
5. 性能优化
- 使用 WebP 格式图片
- 启用 Gzip 压缩
- 使用 CDN 加速
实际花费
我的博客运营成本:
- 域名:0元(DigitalPlat FreeDomain)
- 托管:0元(Cloudflare Pages)
- VPS:0元(Oracle Cloud)
- CDN:0元(Cloudflare免费CDN)
- HTTPS:自动配置
- 总计:0元
常见问题
Q: 免费域名稳定吗?
A: DigitalPlat 的 .dpdns.org 用了大半年,很稳定。一年后续约也是免费的。
Q: Cloudflare Pages 有流量限制吗?
A: 免费版每月 100GB 带宽,个人博客完全够用。
Q: 需要会编程吗?
A: 基本的命令行操作就行。如果不会,用 VS Code 的图形界面也能搞定。
Q: 可以用其他静态博客框架吗?
A: 可以。Hugo、Next.js、Gatsby、Jekyll 都支持。
总结
搭建一个个人博客的成本几乎为零。我这套方案用了大半年,运行稳定,访问速度快。
如果你是:
- 技术博主:写技术文章的最佳平台
- 内容创作者:独立博客比平台更自由
- 学生:零成本搭建个人网站
- 创业者:快速搭建产品官网
那就开始吧!有任何问题欢迎留言交流。
相关资源:
部分链接是联盟链接,通过这些链接购买,我可能会获得少量佣金。价格对你来说是一样的。
评论加载中……