如何搭建无缝的Blogger网站

 目前(2021-11-02)可以使用的GHS IP:216.58.200.243

假如你有一个域名,但不想为空间付费,不想操心博客程序,可以考虑托管到 Blogger.com 上。但基于众所周知的原因,访客是需要富强才能浏览的,我建立这个页面的目的(同样托管在 Blogger.com 上)就是教大家如何利用 Blogger.com 建立一个带搜索,带标签功能的完整的博客,并且是可以在墙内访问的。

注:这里的教程是不含评论系统的,如果需要评论系统,可以参考这里关于评论系统的部分。

在 Blogger.com 建站的步骤

  1. 在 Blogger.com 后台建立博客,并设置域名,例如 Tony 设置的域名是 blogger.tonyhead.com。
  2. 假如你想绑定 abc.com 的话,大多数情况下,要把 将 abc.com 重定向到 www.abc.com 勾选上,因为 Blogger.com 是不支持裸域的(浏览器输入 abc.com 是打不开网站的),所以宁愿让访客输入 abc.com 跳转到 www.abc.com ,而不是完全打不开网站。
  3. 在 DNS 托管商处解析域名,www 和 @ 记录都指向目前可以使用的 GHS IP 216.58.200.243
  4. 在 DNS 托管商处解析域名,可能有一个验证域名所有权的CNAME 需要设置。
  5. 回到 Blogger.com 选择一下是否要被搜索引擎索引。
  6. 关掉评论 设置 -> 博文、评论和分享设置。
  7. 调整时区 设置 -> 语言和格式。
  8. 挑选并应用主题。
  9. 把移动主题关掉 主题背景->打竖的三点水->移动设置。
  10. 把主题中的强外元素搬入强内,重复测试(这是一个最艰难的步骤,也是这个页面的重点内容)。
  11. Happy Blogging!

哪里可以找到 Blogger.com 主题

  1. https://btemplates.com/ 很多免费的
  2. https://newbloggerthemes.com/
  3. http://www.mybloggerthemes.com/
  4. https://gooyaabitemplates.com/

迁移/去掉主题的强外元素

这是这篇文章的重点,待我慢慢扩展,可以先参考下面的两篇文章。按文章里的说明做好以下4点就可以实现墙内无缝访问了。
  1. 把 .css 生成关闭
  2. .js 生成注释掉
  3. 编辑器小图标删掉
  4. 主题内其他静态元素迁移(.jpg, .png, .gif)

参考文章

  1. Blogger国内访问心得
  2. Blogger搭建国内可正常访问博客(超详细教程)
  3. 为什么我使用 Blogger 搭建自己的博客
  4. 通过服务器反代实现国内访问blogger

字体部分

推荐使用中科大的 Google Fonts 加速服务,如果要自己host字体的话这个 google-webfonts-helper 可以帮到你。

图片部分

基于 VPS 或者 Webhosting 的 FTP 空间就不说了,又拍云七牛之类的 CDN 空间需要绑定备案域名,操作性也不大。主要说一下放在第三方不含广告的免费图床。

新浪图床已经在19年4月左右禁止外联,目前口碑还不错的图床还剩阿里巴巴。多数阿里图床都是基于阿里巴巴图床API接口实现,所以会出现一个网站上传不了的时候其他网站也上传不了的状况,解决方法是过一会儿再上传就行了。

实际操作中我们要把 resources.blogblog.com , bp.blogspot.com,  themes.googleusercontent.com 下的图片资源保存下来,上传到图床,获得图片地址后更换原来皮肤中的地址来实现强内访问。

基于阿里巴巴图床的免费托管

  1. 阿里巴巴图片外链服务
  2. 阿里巴巴图片外链上传工具
反向代理,是指通过加一个前置的网址(例如:https://反向代理服务.com/bp.被封的googlecontect.com.jpg)或者通过某个第三方程序把强外和强内的地址建立链接的方式实现访问的手段,我在浏览法律派如风蒹葭时发现他们分别用了两个服务。

反向代理

  1. Images.weserv.nl
  2. jsDelivr
  3. 使用 jsDelivr CDN 加速 Github 仓库的图片,以作为博客的图床
  4. #收集控#前端JS/CSS静态资源公共库免费CDN加速汇总

其他问题

在有些主题中,首页的文章是没有段落的,怎么办?

在主题模板文件中,先分析定位到文章部分的代码,例如 div class='post-body,然后看看有没有一个 summary 在控制这部分的显示效果,去掉 summary 或者调整一下。

此博客中的热门博文

利用 Cloudflare Worker 反代 Blogger 站台

Blogger主题