webflow-china-speed は何をしますか？
让 Webflow 网站在中国大陆正常访问并高速加载 | Cloudflare Worker 技能，用于优化 Webflow 网站在中国的访问速度。
概述
本技能通过 Cloudflare Worker 代理 Webflow 网站，使其在中国大陆能够被用户正常访问且加载速度显著提升。它解决了因网络限制或路由不佳导致的访问失败问题。
工作原理
- 用户通过 Cloudflare 网络访问你的自定义域名。
- Cloudflare Worker 拦截请求。
- Worker 将请求转发到 Webflow 的原始服务器（例如
webflow.io或你的自定义 Webflow 域名）。 - Worker 对响应进行优化处理，包括：
- 修改响应头以适应中国 CDN 缓存。
- 重写 HTML 中的资源链接（如 CSS、JS、图片），使其指向更快的 CDN 或直接通过 Worker 代理。
- 压缩内容以减少传输大小。
- 优化后的响应被返回给用户，确保在中国大陆能够快速加载。
使用方法
- 准备 Cloudflare 账户：确保你拥有一个 Cloudflare 账户，并将你的域名接入 Cloudflare DNS。
- 创建 Worker：在 Cloudflare Dashboard 中创建一个新的 Worker。
- 复制代码：将本仓库中
worker.js文件的内容复制到 Worker 编辑器中。 - 配置变量：根据你的 Webflow 网站实际情况，在 Worker 的环境变量中设置以下参数：
WEBFLOW_DOMAIN：你的 Webflow 站点原始域名（例如your-site.webflow.io）。CUSTOM_DOMAIN：你在 Cloudflare 上使用的自定义域名（例如www.your-site.cn）。
- 部署 Worker：保存并部署 Worker。
- 路由设置：在 Cloudflare Dashboard 的 Workers 路由中，添加一条规则，将你的自定义域名的所有请求指向刚创建的 Worker。
配置示例
// worker.js 中的默认配置示例（部分）
const WEBFLOW_DOMAIN = 'your-site.webflow.io'; // 替换为你的 Webflow 原始域名
const CUSTOM_DOMAIN = 'www.your-site.cn'; // 替换为你的自定义域名
环境变量
| 变量名 | 说明 | 示例 |
|---|---|---|
WEBFLOW_DOMAIN | Webflow 站点的原始域名 | my-portfolio.webflow.io |
CUSTOM_DOMAIN | 用户访问的自定义域名（在 Cloudflare 中配置） | www.example.cn |
注意事项
- 确保你的 Webflow 站点已启用 HTTPS（通常是默认的）。
- 如果 Webflow 站点启用了密码保护，该 Worker 可能无法正常工作。
- 建议结合 Cloudflare 的 CDN 和缓存规则以获得最佳性能。
- 如果遇到访问问题，请检查 Cloudflare Worker 的日志以进行调试。
许可证
MIT
贡献
欢迎提交 Issue 或 Pull Request 来改进这个技能。
本项目与 Webflow 公司无直接关联，是一个社区驱动的解决方案。