技术博客搭建指南:Namesilo + Cloudflare + Blogger 完全免费方案
> 今天给大家分享一个零成本搭建个人技术博客的完整方案。整个过程大约需要 2-3 小时,成本仅约 $10/年,非常适合想要建立个人博客但不想投入太多成本的技術爱好者。
## 为什么要建立个人博客?
在开始之前,可能有人会问:现在有那么多博客平台,为什么还要自己搭建?
**我的理由**:
1. **个人品牌** - 拥有自己的域名和专业形象
2. **内容积累** - 构建个人知识库和成长记录
3. **技术实践** - 学习域名管理、DNS 配置等技能
4. **成本可控** - 完全免费或极低成本
## 方案选择
### 免费方案对比
| 方案 | 费用 | 自定义域名 | 难度 |
|------|------|------------|------|
| WordPress.com 免费版 | 免费 | ❌ 不支持 | ⭐⭐ |
| WordPress.com 付费版 | $4/月 | ✅ 支持 | ⭐⭐ |
| **本文方案** | **约 $10/年** | **✅ 支持** | **⭐⭐⭐** |
| GitHub Pages | 免费 | ✅ 支持 | ⭐⭐⭐⭐ |
### 为什么选择 Namesilo + Cloudflare + Blogger?
**Namesilo**:
- 价格透明,首年优惠
- 内置免费隐私保护
- 支持支付宝
**Cloudflare**:
- 免费 CDN 加速
- 免费 SSL 证书
- 强大的 DNS 管理
- 页面规则和重定向
**Blogger**:
- Google 提供,完全免费
- 无广告、无存储限制
- 零代码维护
## 完整搭建步骤
### 第一步:注册 Namesilo 域名
1. 访问 [Namesilo](https://www.namesilo.com)
2. 搜索并购买域名(以 yourdomain.com 为例)
3. 使用支付宝完成支付
**价格参考**:.com 域名首年约 $10
### 第二步:配置 Cloudflare DNS
1. 在 [Cloudflare](https://cloudflare.com) 注册账号
2. 添加你的域名,选择 Free Plan
3. 配置 DNS 记录
**关键 DNS 配置**:
```
CNAME 记录:
- www → ghs.google.com
- 验证代码 → gv-xxxxxxxx.dv.googlehosted.com
A 记录(4条):
- @ → 216.239.32.21
- @ → 216.239.34.21
- @ → 216.239.36.21
- @ → 216.239.38.21
```
> **注意**:第二条 CNAME 的名称需要从 Blogger 后台获取。
### 第三步:创建 Blogger 博客
1. 打开 [Blogger](https://www.blogger.com)
2. 使用 Gmail 账号登录
3. 创建第一个博客
### 第四步:绑定自定义域名
这是最关键的一步!
1. 在 Blogger 后台添加自定义域名:
```
www.yourdomain.com
```
2. 获取 Blogger 提供的验证 CNAME
3. 在 Cloudflare 添加验证记录
4. **重要**:修改 Namesilo Nameserver:
```
elle.ns.cloudflare.com
kirk.ns.cloudflare.com
```
5. 等待 DNS 生效(通常 5-30 分钟)
### 第五步:配置 HTTPS 和重定向
**在 Blogger 启用 HTTPS**:
- 设置 → HTTPS → 开启两个选项
**在 Cloudflare 启用 SSL**:
- SSL/TLS → 选择"完全"模式
- 开启"始终使用 HTTPS"
**配置 www 重定向**:
- 创建重定向规则:`https://yourdomain.com/*` → `https://www.yourdomain.com/$1`
### 第六步:配置联系表单
使用 [Formspree](https://formspree.io) 添加免费联系表单:
1. 注册 Formspree 账号
2. 创建表单并获取表单 ID
3. 在 Blogger "联系我" 页面添加表单代码
**表单效果**:
访客填写表单后,数据会直接发送到你的邮箱,无需任何后端代码。
## 常见问题
### Q1:域名验证失败怎么办?
**解决方案**:
- 等待 5-30 分钟让 DNS 传播
- 检查 Cloudflare DNS 记录是否正确
- 确保代理状态为"仅 DNS"(灰色云)
### Q2:网站显示 404 错误?
**可能原因**:
- DNS 未生效
- Nameserver 未正确修改
- 域名未在 Blogger 绑定
**解决方案**:
- 等待更长时间
- 检查 Namesilo 的 Nameserver 设置
- 确认 Blogger 后台的域名配置
### Q3:重定向不生效?
**注意**:请求 URL 中必须包含 `https://` 协议:
```
https://yourdomain.com/*
```
## 成本总结
| 项目 | 首年 | 次年 |
|------|------|------|
| 域名 | ~$10 | ~$13 |
| Cloudflare | 免费 | 免费 |
| Blogger | 免费 | 免费 |
| Formspree | 免费 | 免费 |
| **总计** | **~$10** | **~$13/年** |
## 后续优化建议
1. **保持更新** - 建议每周 1-2 篇高质量文章
2. **SEO 优化** - 添加 meta 描述,使用标签组织内容
3. **备份数据** - 定期导出博客数据
4. **添加分析** - 集成 Google Analytics 跟踪流量
## 总结
这个方案的优点:
- ✅ **零维护** - Google 代管服务器
- ✅ **免费** - 几乎零成本
- ✅ **专业** - 使用自己的域名
- ✅ **安全** - 自动 HTTPS
缺点:
- ❌ 不支持用户登录注册系统
- ❌ 主题选择有限
**适合人群**:
- 个人博客/作品集
- 技术笔记记录
- 简单资讯网站
**博客地址**:[www.aibigword.com](https://www.aibigword.com)
---
如果你有任何问题或建议,欢迎在下方留言交流!💬
## 为什么要建立个人博客?
在开始之前,可能有人会问:现在有那么多博客平台,为什么还要自己搭建?
**我的理由**:
1. **个人品牌** - 拥有自己的域名和专业形象
2. **内容积累** - 构建个人知识库和成长记录
3. **技术实践** - 学习域名管理、DNS 配置等技能
4. **成本可控** - 完全免费或极低成本
## 方案选择
### 免费方案对比
| 方案 | 费用 | 自定义域名 | 难度 |
|------|------|------------|------|
| WordPress.com 免费版 | 免费 | ❌ 不支持 | ⭐⭐ |
| WordPress.com 付费版 | $4/月 | ✅ 支持 | ⭐⭐ |
| **本文方案** | **约 $10/年** | **✅ 支持** | **⭐⭐⭐** |
| GitHub Pages | 免费 | ✅ 支持 | ⭐⭐⭐⭐ |
### 为什么选择 Namesilo + Cloudflare + Blogger?
**Namesilo**:
- 价格透明,首年优惠
- 内置免费隐私保护
- 支持支付宝
**Cloudflare**:
- 免费 CDN 加速
- 免费 SSL 证书
- 强大的 DNS 管理
- 页面规则和重定向
**Blogger**:
- Google 提供,完全免费
- 无广告、无存储限制
- 零代码维护
## 完整搭建步骤
### 第一步:注册 Namesilo 域名
1. 访问 [Namesilo](https://www.namesilo.com)
2. 搜索并购买域名(以 yourdomain.com 为例)
3. 使用支付宝完成支付
**价格参考**:.com 域名首年约 $10
### 第二步:配置 Cloudflare DNS
1. 在 [Cloudflare](https://cloudflare.com) 注册账号
2. 添加你的域名,选择 Free Plan
3. 配置 DNS 记录
**关键 DNS 配置**:
```
CNAME 记录:
- www → ghs.google.com
- 验证代码 → gv-xxxxxxxx.dv.googlehosted.com
A 记录(4条):
- @ → 216.239.32.21
- @ → 216.239.34.21
- @ → 216.239.36.21
- @ → 216.239.38.21
```
> **注意**:第二条 CNAME 的名称需要从 Blogger 后台获取。
### 第三步:创建 Blogger 博客
1. 打开 [Blogger](https://www.blogger.com)
2. 使用 Gmail 账号登录
3. 创建第一个博客
### 第四步:绑定自定义域名
这是最关键的一步!
1. 在 Blogger 后台添加自定义域名:
```
www.yourdomain.com
```
2. 获取 Blogger 提供的验证 CNAME
3. 在 Cloudflare 添加验证记录
4. **重要**:修改 Namesilo Nameserver:
```
elle.ns.cloudflare.com
kirk.ns.cloudflare.com
```
5. 等待 DNS 生效(通常 5-30 分钟)
### 第五步:配置 HTTPS 和重定向
**在 Blogger 启用 HTTPS**:
- 设置 → HTTPS → 开启两个选项
**在 Cloudflare 启用 SSL**:
- SSL/TLS → 选择"完全"模式
- 开启"始终使用 HTTPS"
**配置 www 重定向**:
- 创建重定向规则:`https://yourdomain.com/*` → `https://www.yourdomain.com/$1`
### 第六步:配置联系表单
使用 [Formspree](https://formspree.io) 添加免费联系表单:
1. 注册 Formspree 账号
2. 创建表单并获取表单 ID
3. 在 Blogger "联系我" 页面添加表单代码
**表单效果**:
访客填写表单后,数据会直接发送到你的邮箱,无需任何后端代码。
## 常见问题
### Q1:域名验证失败怎么办?
**解决方案**:
- 等待 5-30 分钟让 DNS 传播
- 检查 Cloudflare DNS 记录是否正确
- 确保代理状态为"仅 DNS"(灰色云)
### Q2:网站显示 404 错误?
**可能原因**:
- DNS 未生效
- Nameserver 未正确修改
- 域名未在 Blogger 绑定
**解决方案**:
- 等待更长时间
- 检查 Namesilo 的 Nameserver 设置
- 确认 Blogger 后台的域名配置
### Q3:重定向不生效?
**注意**:请求 URL 中必须包含 `https://` 协议:
```
https://yourdomain.com/*
```
## 成本总结
| 项目 | 首年 | 次年 |
|------|------|------|
| 域名 | ~$10 | ~$13 |
| Cloudflare | 免费 | 免费 |
| Blogger | 免费 | 免费 |
| Formspree | 免费 | 免费 |
| **总计** | **~$10** | **~$13/年** |
## 后续优化建议
1. **保持更新** - 建议每周 1-2 篇高质量文章
2. **SEO 优化** - 添加 meta 描述,使用标签组织内容
3. **备份数据** - 定期导出博客数据
4. **添加分析** - 集成 Google Analytics 跟踪流量
## 总结
这个方案的优点:
- ✅ **零维护** - Google 代管服务器
- ✅ **免费** - 几乎零成本
- ✅ **专业** - 使用自己的域名
- ✅ **安全** - 自动 HTTPS
缺点:
- ❌ 不支持用户登录注册系统
- ❌ 主题选择有限
**适合人群**:
- 个人博客/作品集
- 技术笔记记录
- 简单资讯网站
**博客地址**:[www.aibigword.com](https://www.aibigword.com)
---
如果你有任何问题或建议,欢迎在下方留言交流!💬
评论
发表评论