目前（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 可以无服务器跑一些 js 小程序，网上已经有不少脚本了，例如做导航站。
 

本文介绍一个适用于 Cloudflare Worker 的代理程序 cf-revpxy ，特点是 一个 worker 反代多个站点，支持文本替换，资源替换功能。
 

原料

Github：https://github.com/KusakabeSi/cf-revpxy

一个使用 Cloudflare 解析的域名。

步骤

1. 在 Cloudflare 新建一个 worker（❗切记选免费的 tier）
2. 把 https://github.com/KusakabeSi/cf-revpxy/blob/main/worker.js 的内容贴到 worker 的 Script 编辑框里
3. 代码最上面的部分（第二行开始）的 reverse = {} ，要按照 这里的模板修改 https://github.com/KusakabeSi/cf-revpxy/blob/main/reverse_demo.js
4. 保存并且发布该 worker
5. 在 Cloudflare 域名管理部分里的 Worker ，点击右面的 add route，输入反代后的域名例如 blogger.tonyhead.com 后加 /* （❗切记切记，否则打不开子页面），worker 下拉选择第一步新建的 worker，保存
6. 在 Cloudflare 域名管理部分里的 DNS，添加 blogger 的 CNAME 记录，指向步骤1里的 workder 二级域名（类似 abc-xyz-1234.cf用户名.workers.dev），切记要打开橙色云，然后保存
7. 访问 https://blogger.tonyhead.com，就是你看到的这里 🙌💐
    

需要调整的地方

回到上面步骤3的 reverse 段落，对 "replace": {}, "reverse": {}, "redirect": {} 字段进行修改（类似 Nginx 的 sub_filter），来达到替换静态资源/路径的目的。具体什么意思，请参考步骤3里的例子。

例如 CF 刚好分配到欧盟的 IP 的话，会触发欧盟的 cookie 通知，导致页面会多一段 cookiechoices.js，利用 "replace": { '/js/cookienotice.js': '',} 就可以轻松去掉。

强大的替换功能甚至可以不用再通过注释解义去修改模板文件了（ </head> -> </head><!---->,  </body> -> &lt;!--</body>--&gt;&lt;/body&gt; 这种），对模板的“伤害 ”可以尽量减少，分享皮肤起来也更加方便。
 

缺点

• CF 橙色云有众所周知的网络问题
• 因为在 blogger 后台不用设置域名，所以反代后的域名对不上，有可能申请不了AdSense
• 需要搜索功能的话还是得找个空间储存 indie_compiled.js 
• 需要小控件的话（例如分享按钮）还是得找个空间储存 widgets.js
   

优点

• 设置简单
   
• 不用服务器
• 不用找可用 GHS IP
• 移动版同样可用
• 强大的替换功能如上所述
• 一个 worker 可以反代 N 个网站
• https 证书由 Cloudflare 自动签发

回到顶部