谨以此篇记下我的这几天来的折腾。首先申明,我是一个外行,倒腾的东西可能不入您的法眼,这也无可厚非。不过我想这篇文章应该,能对一些想用 Blogger 写博客的人带来帮助。
如果你没有域名,建议去 namesilo 购买,价格稳定,注册和续费便宜,提供终生免费的 Whois Privacy 服务,支持支付宝支付,新注册用户有一美元优惠。
推荐:360 前端静态资源库
一、为什么用 Blogger?
- Google 在全球各地的数据中心能够保证一流的访问速度
- 免费使用,免备案,无审查
- 可以添加 Google 广告
- 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 解析不变。
⑶、寻找国内可访问的 IP
可以使用站长之家 Ping 工具 Ping ghs.google.com,或者 Windows 的 cmd 终端 Ping 命令找到国内可访问的 IP。如果你手上的有很多 IP,使用上面方法一个一个测试着实麻烦,我发现一个工具:pinginfoview,可以批量 Ping 测试。
附:软件官网有中文的语言包的下载。
附:软件官网有中文的语言包的下载。
⑷、修改 Blogger 的模板代码
提示:在修改代码之前,建议先保存备份一下原来的模板,这是一个好习惯。
- Blogger 模板网站地址
- http://www.mybloggerthemes.com/
- https://btemplates.com/
- https://gooyaabitemplates.com/
- 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>
替换为<!--<head>--><head>
将
</head>
替换为</head><!--</head>-->
将
</body>
替换为<!--</body>--></body>
- 将模板中的图片、Javascript、CSS 文件上传至国内空间并替换模板里面的原有链接
- 删除 Quickedit 按钮
我们以博主身份访问我们的博客时,对于一些模板,会出现网页一些区域会出现一个小扳手或者铅笔的图标,方便我们调整博客的外观。在我们修改模板后,无论是谁访问网站都会看到上面的小扳手,它提供调整功能十分有限,删除快速编辑按钮还能进一步提高博客打开速度,所以我建议把去掉。
找到
<b:include name='quickedit'/>
删去即可。- 静态资源 CDN 加速
静态资源 CDN 公共库是指一些服务商将我们常用的 JavaScript 库存放到网上,方便开发者直接调用,并且还对其提供 CDN 加速,这样一来可以让用户加速访问这些资源,二来还可节约自己服务器的流量。
推荐:360 前端静态资源库
360 前端静态资源库是由奇舞团支持并维护的开源项目免费 CDN 服务,支持 HTTPS 和 HTTP/2,囊括上千个前端资源库和 Google 字体库。
- 评论系统
Blogger 自带的评论自然无法正常使用,为此我跟换了多说,多说死了之后转到网易云跟帖,没想到没过几天网易云跟贴就发布公告说于 8月1号 停止服务。目前可以使用就是搜狐的畅言了。代码安装可参考「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
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
转载原址:http://blog.iljw.me/2016/09/blogger.html