谷歌博客(Blogger)绑定自己的域名 + 解决图片国内无法访问

UID:3 一级用户组

免费建站,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 后台添加域名

  1. 登录 Blogger 后台

  2. 选择你要操作的博客

  3. 点击左侧菜单的 设置

  4. 找到 发布 板块,点击 自定义域名 下的 + 设置第三方 URL

  5. 输入你的完整域名,必须带 www,格式如 www.yourdomain.com

  6. 点击 保存

点击保存后,Blogger 会提示验证失败------这是正常的。它会给你两条 CNAME 记录,类似下面这样:

主机名 指向目标
www ghs.google.com
一串随机字符(如 wesui45qv1p5) 另一串随机字符

:warning: 注意:第二条 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 你的随机字符 对应的随机字符目标

:warning: 重要提醒:第二条 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

  1. 访问 webp.se,使用 GitHub 账号登录

  2. 点击 Add Proxy(添加代理)

  3. 源站地址填:blogger.googleusercontent.com(这是 Blogger 的图片存储域名)

  4. 服务器地址选择:美国(国内访问会走 Cloudflare 的美国节点,速度还可以)

  5. 创建完成后,你会获得一个新的域名,格式类似 xxxx.webp.se

第2步:使用新的图片地址

方法一:写文章时手动替换

在 Blogger 编辑文章时:

  1. 正常上传图片到 Blogger

  2. 切换到 HTML 视图

  3. 找到图片的 src 地址,原本是 https://blogger.googleusercontent.com/...

  4. 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 地址还能用吗?

可以用,但建议开启 规范网址 设置,告诉搜索引擎哪个是主域名,避免重复内容问题。

六、总结

整个过程拆解下来其实很简单:

  1. 买域名 → 2. 托管到 Cloudflare → 3. Blogger 添加域名 → 4. 添加 DNS 记录 → 5. 配置图片代理 → 6. 搞定

做完这些,你的 Blogger 博客就拥有了:

  • 自己的品牌域名

  • 国内可访问的 HTTPS 加密

  • 国内可正常显示的图片

而且这一切都是 免费的(除了域名一年十几块钱)。

如果你在操作过程中遇到什么问题,欢迎在评论区留言,我会尽力解答。

最新回复

请先登录后再回复 登录

uid:3 一级用户组
关注
发帖 25
评论 25
粉丝 0
关注 0
发新帖
目录
谷歌博客(Blogger)绑定自己的域名 + 解决图片国内无法访问