blogger国内访问心得

谨以此篇记下我的这几天来的折腾。首先申明,我是一个外行,倒腾的东西可能不入您的法眼,这也无可厚非。不过我想这篇文章应该,能对一些想用 Blogger 写博客的人带来帮助。

一、为什么用 Blogger?

  • Google 在全球各地的数据中心能够保证一流的访问速度
  • 免费使用,免备案,无审查
  • 可以添加 Google 广告
  • Blogger 模板自定义程度高
  • 自定义第三方域名后,可实现国内访问
只需要一个域名,在上修改后的 Blogger 模板和国内可访问的 ghs.google.com 的 IP ,就可以开始你的 Blogger 之旅了。不过在此,我要多说一句,Blogger 国内访问使用的 IP 有可能经常被墙,所以使用过程,少不了一些折腾。目前我所认识的使用 Blogger 的博主们的网站还算稳定,如果你想要加入 Blogger,请先想一想其中的优缺点再做决定。

二、国内使用 Blogger 攻略

首先,请确认自己能够科学上网。建议:Shadowsocks、XX-NET、hosts。

    ⑴、域名

当你用 Blogger 创建一个博客时,你会得到一个 ***.blogspot.com 的二级域名,但是这样的域名在国内是不可以访问的,在 设置-基本-发布-博客地址 中添加 第三方网域 ,即可解决 blogspot.com 被墙的问题。

如果你没有域名,建议去 namesilo 购买,价格稳定,注册和续费便宜,提供终生免费的 Whois Privacy 服务,支持支付宝支付,新注册用户有一美元优惠。

优惠码 1:rufeng   优惠码 2:jianjia 

    ⑵、解析

购得域名,并在 Blogger 中设置好解析后,Blogger 会提示你需要设置两个 CNAME 分别解析到 ghs.google.com 和 ***.dv.googlehosted.com,每一个人的都不一样。为了 Blogger 可以在国内访问,我们不能直接按上述的解析。应该是:将第一个 CNAME 解析到 ghs.google.com 的改成 A 记录解析到国内可访问的 IP。后面的一个CNAME 解析不变。

解析服务推荐:CloudXNSDNSPod

    ⑶、寻找国内可访问的 IP

可以使用站长之家 Ping 工具 Ping ghs.google.com,或者 Windows 的 cmd 终端 Ping 命令找到国内可访问的 IP。如果你手上的有很多 IP,使用上面方法一个一个测试着实麻烦,我发现一个工具:pinginfoview,可以批量 Ping 测试。

附:软件官网有中文的语言包的下载。

    ⑷、修改 Blogger 的模板代码

提示:在修改代码之前,建议先保存备份一下原来的模板,这是一个好习惯。
  • Blogger 模板网站地址
  1. http://www.mybloggerthemes.com/
  2. https://btemplates.com/
  3. https://gooyaabitemplates.com/
  4. https://newbloggerthemes.com/
  • 提取模板css放国内调用,并禁用 Blogger 自动加载的 CSS
在 Blogger 模板编辑器中或本地编辑器中,Blogger 的模板是严格的 XML 文档,搜索 <b:skin> 与 </b:skin>
<b:skin><![CDATA[这里面是 CSS 代码]]></b:skin>
将 CSS 代码剪切另存为 CSS 文件,上传到国内空间中,在主题模板中调用。如,在 <head>中插入
<link href='http://cdn.joeyspace.top/iljw/css/style.css' rel='stylesheet' type='text/css'/> 
然后返回原先位置,现在我们把 <b:skin><![CDATA[]]></b:skin> 改为 <!--<b:skin><![CDATA[]]></b:skin>,这样就注释掉 Blogger 原生的 CSS 代码了。若不注释,Blogger 会自动加载以下代码:
<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/1937454905-widget_css_bundle.css' />
  • 屏蔽Blogger自动加载的项
将 <head> 替换为
&lt;!--<head>--&gt;&lt;head&gt;
将 </head> 替换为
&lt;/head&gt;&lt;!--</head>--&gt;
将 </body> 替换为
&lt;!--</body>--&gt;&lt;/body&gt;
  • 将模板中的图片、Javascript、CSS 文件上传至国内空间并替换模板里面的原有链接
主要是存储博客的图片、Javascript、CSS 文件,外链调用。推荐:七牛又拍云
  • 删除 Quickedit 按钮
我们以博主身份访问我们的博客时,对于一些模板,会出现网页一些区域会出现一个小扳手或者铅笔的图标,方便我们调整博客的外观。在我们修改模板后,无论是谁访问网站都会看到上面的小扳手,它提供调整功能十分有限,删除快速编辑按钮还能进一步提高博客打开速度,所以我建议把去掉。

找到 <b:include name='quickedit'/> 删去即可。
  • 静态资源 CDN 加速
静态资源 CDN 公共库是指一些服务商将我们常用的 JavaScript 库存放到网上,方便开发者直接调用,并且还对其提供 CDN 加速,这样一来可以让用户加速访问这些资源,二来还可节约自己服务器的流量。

推荐:360 前端静态资源库
360 前端静态资源库是由奇舞团支持并维护的开源项目免费 CDN 服务,支持 HTTPS 和 HTTP/2,囊括上千个前端资源库和 Google 字体库。
  • 评论系统 
Blogger 自带的评论自然无法正常使用,为此我跟换了多说,多说死了之后转到网易云跟帖,没想到没过几天网易云跟贴就发布公告说于 8月1号 停止服务。本站目前评论系统采用 LiveRe代码安装可参考「Blogger多说评论代码正确安装 」

参考:
http://before.zojon.com/2012/11/blogger.html
http://blog.rechar.net/2016/02/properly-use-blogger.html
http://www.libaoku.com/2012/06/bloggericon18wrenchallbkgpng.htm

🙌🙌🙌🙌🙌🙌🙌

修订:2017-07-24
添加 Ping 文档,删去多说内容,改善文章排版
初稿:2016-09-15
发表评论

此博客中的热门博文