利用 Cloudflare Worker 反代 Blogger 站台

利用 Cloudflare Worker 反代 Blogger 站台 Tony

章节目录

  1. 原料
  2. 需要调整的地方
  3. 缺点
  4. 优点

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

回到顶部

文章标签