跳至主要内容

如何实现 Blogger 国内访问

关于 Blogger

阮一峰曾经提出过博客的“三个阶段”理论:

第一阶段,刚接触Blog,觉得很新鲜,试着选择一个免费空间来写。
第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客。
第三阶段,觉得独立博客的管理太麻烦,最好在保留控制权的前提下,让别人来管,自己只负责写文章。

这一理论在现实中未必正确,因为在有个人服务器的情况下,更多的人还是愿意选择 WordPress 或 Typecho 等自建的动态博客。但在没有服务器时,按照阮一峰老师的说法使用 Hexo、Jekyll 等静态页面生成器并部署在 GitHub Pages 上同样不失为一个好的选择,但所需要的技术对部分人并不友好。

所以部分人更愿意在简书、CSDN 等博客平台上写作,由博客平台直接提供软件,自己只需要写作内容。这类博客平台的优点是便捷,SEO 好,缺点是界面单调,广告繁多,并且有时内容并不由自己控制。博客园是这类平台中较为优秀的一个,可以自定义网页样式,吸引了大量的用户,但前段时间的网站整改让很多人心寒。相较之下,Blogger 创立二十余年,作为世界上最早的博客平台之一,在被 Google 收购后功能更是不断晚上,各方面的指标都很优秀,但是作为 Google 的产品,Blogger 在国内访问有时并不稳定,这个问题可以靠自定义域名来解决。

自定义域名

点击 Blogger 的“设置 -> 正在发布 -> 自定义域名”,在其中输入你的域名。

然后再设置DNS记录,一下用 Cloudflare 演示:

(代理状态必须是“仅限DNS”,否则无法认证。)

将你的域名关联到 ghs.google.com。此时你的 Blogger 已经可以从自定义域名访问了,只是还不支持 HTTPS,所以还要在 Blogger 中将“设置 -> HTTPS -> HTTPS 可用性”打开,以产生你的自定义域名的 HTTPS 证书。这个操作需要十几分钟的时间,当“HTTPS 可用性”显示为“状态:可用”时就可以用 HTTPS 访问了。

替换资源

这时你的 Blogger 虽然已经能从国内访问了,但背景图片、头像、CSS、JavaScript 等资源仍然需要从 Google 的服务器加载,在国内仍然无法正常使用,所以我们需要编辑主题。

点击 “设置 -> 主题背景 -> 修改HTML”

背景图片

在主题源码中查找

url(https://themes.googleusercontent.com/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw)

将内容替换成你自己的背景图片的地址。

头像

在主题源码中查找

<img class='profile-img' expr:alt='data:messages.myPhoto' expr:height='data:authorPhoto.height' expr:src='data:authorPhoto.image' expr:width='data:authorPhoto.width'/>

替换为

<img class='profile-img' src="你的头像地址">

CSS、JavaScript

屏蔽

</head>替换为&lt;/head&gt;&lt;!--</head>--&gt;

</body>替换为&lt;!--</body>--&gt;&lt;/body&gt;

这样一来,自动插入的 CSS 和 JavaScript 就会被包含在注释里,不会被浏览器加载。

加载

indie_compiled.js这个文件必须被加载,否则页面无法正常显示,所以我们要把它替换成自己的资源。

在主题源码中查找

<b:template-script async='true' name='indie' version='1.0.0'/>

将其替换为

<script async='async' src='https://cdn.jsdelivr.net/gh/HeliumOI/imghost@latest/2404877392-indie_compiled.js'></script>

为了稳定,更好的办法是下载https://cdn.jsdelivr.net/gh/HeliumOI/imghost@latest/2404877392-indie_compiled.js这个文件,上传到自己的空间里再引用。

评论

此博客中的热门博文

免费5G容量ASP.NET主机 FreeASPHosting.net

  FreeASPHosting.net免费主机空间,服务器位于德国Hetzner数据中心,5GB容量, 单个文件最大512MB,流量带宽不限,支持ASP.NET 6、ASP.NET 7、ASP.NET Core、ASP.NET MVC、ASP.NET Web Forms、ASP.NET Web API、ASP.NET Razor、IIS专用应用程序池等 ,好像是不支持普通ASP程序, 可创建2个MSSQL数据库 ,提供yourname.bsite.net二级域名(自带SSL), 也可以绑定1个自己的域名(不限顶级域名或是二级域名) ,在线方式上传管理文件(支持压缩和解压缩),不支持FTP,FreeASPHosting.net会在你的网页底部加一横幅广告。 FreeASPHosting.net官网 网址: https://freeasphosting.net FreeASPHosting.net演示 二级域名演示: https://cn88in.bsite.net 绑定域名演示: http://freeasphosting.xdq.us.kg/ 现在程序都是PHP的居多,ASP.NET的太少了,所以只上传了个静态网页。 FreeASPHosting.net免费主机申请教程 打开网址: https://freeasphosting.net 只需填写你的邮箱、用户名(也是你的二级域名)、密码,点“Create Site”按钮提交即可申请成功,邮箱链接激活都不需要,FreeASPHosting.net免费主机申请真是太容易了!

EasyCounter 老牌免费计数器+网站数据分析

  EasyCounter免费计数器,始于1998年,存活这么多年也是很罕见了! EasyCounter有18种计数器样式可供选择,在你的网页中插入一段HTML代码即可计数,无需JS代码,有简单的每日、每月、每年访问量统计功能。 EasyCounter除了计数器还有类似Similarweb的网站数据分析服务 ,提供网站的全球排名、流量分析、历史发展、全球受众、SEO统计、域名数据、社交网络热度、服务器信息、安全状况等数据。 在EasyCounter官网的文本框中输入网站网址,即可查询该网站的全球访问量排名等分析数据。 EasyCounter官网 网址: https://www.easycounter.com EasyCounter免费计数器申请 https://www.easycounter.com/FreeCounter3.html

可接入Cloudflare的1年免费二级域名 L53.NET

  L53是一家提供免费二级域名注册服务的网站,有onflashdrive.app和ggff.net两种免费二级域名后缀可供你选择,其中 注册yourname.onflashdrive.app免费二级域名可以修改DNS服务器接入Cloudflare ,能享受到Cloudflare提供的CDN加速、安全保护、SSL证书、DNS解析等全套免费服务。L53免费二级域名最大的缺点是仅首年免费,续费价格为1.66美元/年。 L53官网 网址: https://www.l53.net L53免费二级域名演示 网址: https://88in.ggff.net L53免费二级域名注册 打开网址: https://customer.l53.net/signup 填写你的名字、姓氏、 邮箱 、地址、国家、城市、省份、电话等基本信息。 将图中标黄区域那段话复制粘贴到下面的文本框,承诺你的名字、邮箱、地址、电话真实有效。 人机验证那里无法显示的话请看“reCAPTCHA人机验证国内无法显示解决方案”这篇文章。 打开你的邮箱,点击L53发过来的验证邮件中的链接验证你的邮箱地址。然后进入控制面板管理域名即可。