Blogger

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 自动签发

回到顶部

 目前（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点就可以实现墙内无缝访问了。