免费建站,Google 提供技术支持,国内也能正常访问,30分钟搞定
一、为什么要折腾 Blogger?
Blogger 是 Google 旗下的免费博客平台,2003 年上线至今已经二十多年了,比 WordPress 还早。虽然在国内名气不大,但它的优势很明显:
优点:
-
完全免费,没有空间和流量限制
-
稳定性极好,Google 的技术底子在那
-
支持绑定自己的域名
-
可以放 Google AdSense 广告赚钱
-
不需要维护服务器,没有安全漏洞的烦恼
缺点:
-
默认的 blogspot.com 域名在国内访问不稳定
-
图片存储在国内无法显示
-
模板不够现代化(但可以改)
折腾的核心理由就两个:绑定自己的域名 + 解决图片访问问题。做完这两步,Blogger 在国内用起来基本没问题。
二、准备工作
开始之前,你需要准备好以下几样东西:
| 项目 | 说明 | 是否需要花钱 |
|---|---|---|
| Google 账号 | 用来登录 Blogger | 免费 |
| 一个域名 | 可以在 NameSilo、阿里云、腾讯云等购买 | 一年十几块起 |
| Cloudflare 账号 | 用来做 DNS 管理和图片代理 | 免费 |
| GitHub 账号 | 用来登录 webp.se(图片代理服务) | 免费 |
关于域名:最便宜的 .xyz 或 .top 域名一年也就十来块钱。如果你暂时不想买域名,也可以先用免费二级域名(如 eu.org),但推荐直接买一个,省事。
三、第一部分:绑定自己的域名
第1步:在 Blogger 后台添加域名
-
登录 Blogger 后台
-
选择你要操作的博客
-
点击左侧菜单的 设置
-
找到 发布 板块,点击 自定义域名 下的 + 设置第三方 URL
-
输入你的完整域名,必须带 www,格式如
www.yourdomain.com -
点击 保存
点击保存后,Blogger 会提示验证失败------这是正常的。它会给你两条 CNAME 记录,类似下面这样:
| 主机名 | 指向目标 |
|---|---|
| www | ghs.google.com |
| 一串随机字符(如 wesui45qv1p5) | 另一串随机字符 |
注意:第二条 CNAME 记录的值是每个人都不一样的,是你 Google 账号和博客的唯一标识,一定要复制你自己的。
第2步:在 Cloudflare 配置 DNS
如果你还没有把域名托管到 Cloudflare,先去 Cloudflare 添加你的站点,把域名的 NameServer 改成 Cloudflare 给的地址。
然后进入域名的 DNS 设置页面,添加以下记录:
添加 4 条 A 记录(让不带 www 的域名也能访问):
| 类型 | 名称 | IPv4 地址 |
|---|---|---|
| A | @ | 216.239.32.21 |
| A | @ | 216.239.34.21 |
| A | @ | 216.239.36.21 |
| A | @ | 216.239.38.21 |
添加 2 条 CNAME 记录:
| 类型 | 名称 | 目标 |
|---|---|---|
| CNAME | www | ghs.google.com |
| CNAME | 你的随机字符 | 对应的随机字符目标 |
重要提醒:第二条 CNAME 记录(就是那个随机字符的)不要开启 Cloudflare 的代理(橙色云朵),必须保持 仅 DNS(灰色云朵)状态,否则 Blogger 无法验证。
第3步:回到 Blogger 验证
添加完 DNS 记录后,回到 Blogger 的域名设置页面,再次点击 保存。如果 DNS 已经生效,这次就会提示成功。
DNS 生效需要时间,通常在 30 分钟到 24 小时之间。
第4步(可选):开启 HTTPS
在 Blogger 设置中,找到 HTTPS 板块,把以下两个选项都打开:
-
HTTPS 可用性:是
-
HTTPS 重定向:是
这样就强制全站使用 HTTPS 了。
四、第二部分:解决图片国内无法访问
Blogger 默认的图片存储在 blogger.googleusercontent.com 这个域名下,这个域名在国内是无法访问的。解决方法是用一个图片代理服务,把图片请求转发到国内可访问的服务器上。
推荐使用 webp.se,原因:
-
免费,不限流量,每天有固定配额
-
可以智能转换图片格式(AVIF、WebP),加载更快
-
配置简单,不用改模板代码
第1步:注册并配置 webp.se
-
访问 webp.se,使用 GitHub 账号登录
-
点击 Add Proxy(添加代理)
-
源站地址填:
blogger.googleusercontent.com(这是 Blogger 的图片存储域名) -
服务器地址选择:美国(国内访问会走 Cloudflare 的美国节点,速度还可以)
-
创建完成后,你会获得一个新的域名,格式类似
xxxx.webp.se
第2步:使用新的图片地址
方法一:写文章时手动替换
在 Blogger 编辑文章时:
-
正常上传图片到 Blogger
-
切换到 HTML 视图
-
找到图片的
src地址,原本是https://blogger.googleusercontent.com/... -
把
blogger.googleusercontent.com替换成你的xxxx.webp.se
例如:
text
原来:https://blogger.googleusercontent.com/img/xxx.jpg 改成:https://你的ID.webp.se/img/xxx.jpg 方法二:自动替换(推荐)
如果你会一点代码,可以在模板中插入 JavaScript,让页面自动替换所有图片地址。在主题的 HTML 中,</body> 标签前添加:
javascript
<script> // 自动替换 Blogger 图片地址为 webp.se 代理地址 (function() { var proxyDomain = '你的ID.webp.se'; // 改成你的 webp.se 地址 var images = document.querySelectorAll('img'); for (var i = 0; i < images.length; i++) { var src = images[i].src; if (src && src.indexOf('blogger.googleusercontent.com') > -1) { images[i].src = src.replace('blogger.googleusercontent.com', proxyDomain); } } })(); </script> 这样以后写文章正常上传图片就行,前端会自动替换,不用每次手动改。
备选方案:images.weserv.nl
如果你觉得 webp.se 配置麻烦,还有一个更简单的方法:
直接在图片原地址前面加上 https://images.weserv.nl/?url= 即可。
例如:
text
https://images.weserv.nl/?url=https://blogger.googleusercontent.com/img/xxx.jpg 这个方法的优点是零配置,直接用;缺点是每次都要手动加前缀,而且速度可能不如 webp.se。
两种方案对比:
| 对比项 | webp.se | images.weserv.nl |
|---|---|---|
| 配置难度 | 需要注册配置 | 零配置 |
| 使用方式 | 替换域名 | 加前缀 |
| 图片优化 | 支持格式转换、压缩 | 基础支持 |
| 国内速度 | 较快 | 一般 |
| 稳定性 | 稳定 | 稳定 |
五、常见问题
Q1:绑定域名后访问显示 404?
检查以下几点:
-
确认 www 的 CNAME 记录已经添加,且指向
ghs.google.com -
确认没有开启第二条 CNAME 记录的 Cloudflare 代理
-
等待 DNS 完全生效(可能需要几个小时)
Q2:不带 www 的域名访问不了?
因为只配置了 www 的 CNAME,没有配置根域名的 A 记录。解决方案有两个:
-
方案A:添加 4 条 A 记录(本文第三部分第2步有写)
-
方案B:在 Blogger 设置中开启 重定向域名,这样访问
yourdomain.com会自动跳转到www.yourdomain.com
Q3:图片代理服务稳定吗?会收费吗?
webp.se 免费版每天有请求次数限制,个人博客完全够用。如果未来流量很大,可以考虑付费套餐(很便宜)。images.weserv.nl 完全免费,但功能相对简单。
Q4:图片替换后,旧文章的图片怎么办?
如果用自动替换的 JavaScript 方案,旧文章的图片也会被自动处理,不需要手动改。
Q5:绑定域名后,原来的 blogspot.com 地址还能用吗?
可以用,但建议开启 规范网址 设置,告诉搜索引擎哪个是主域名,避免重复内容问题。
六、总结
整个过程拆解下来其实很简单:
- 买域名 → 2. 托管到 Cloudflare → 3. Blogger 添加域名 → 4. 添加 DNS 记录 → 5. 配置图片代理 → 6. 搞定
做完这些,你的 Blogger 博客就拥有了:
-
自己的品牌域名
-
国内可访问的 HTTPS 加密
-
国内可正常显示的图片
而且这一切都是 免费的(除了域名一年十几块钱)。
如果你在操作过程中遇到什么问题,欢迎在评论区留言,我会尽力解答。