自动备份 Squarespace 代码注入内容至 GitHub - n8n 工作流

依赖自定义代码注入的 Squarespace 开发者和设计师。
需要对关键网站配置进行版本控制的用户。
任何寻求可靠、自动化的网站代码灾难恢复方案的人员。
寻求使用 n8n 节点框架结合自定义脚本的高级 n8n 用户。

在 Squarespace 等平台上维护自定义代码注入至关重要，但这些更改通常缺乏原生的版本控制，在更新或网站迁移时会带来风险。这个强大的 n8n 工作流通过提供一个直达 GitHub 的、定期的自动化备份解决方案来解决此问题。这个特定的 n8n 模板使用 HTTP 请求来抓取相关代码，并利用自定义 n8n 节点脚本（Cheerio）来精细清理 HTML 数据，确保只保存您注入的代码，而不是平台自带的样板代码。设置好此 n8n 工作流后，您便可以高枕无忧，因为您的自定义页眉和页脚会通过可靠的 n8n 触发器每两小时进行一次安全存储和版本控制。

此自动化流程以一个计划性的 n8n 触发器开始，配置为每两小时运行一次。或者，也可以通过“点击执行” (On clicking execute) 的 n8n 节点手动运行。

1. 数据获取： 获取 Squarespace 数据 (Get Squarespace data) n8n 节点（一个 HTTP 请求）使用 page-context 格式查询指定的 Squarespace URL，以获取当前的网站配置，包括页眉和页脚的注入点。


2. 数据分离与元数据： 使用“设置” (Set) n8n 节点（获取页眉注入 和 获取页脚注入）将数据拆分为两个数据流：一个用于页眉，一个用于页脚。这些节点还会提取并设置重要元数据，如域名和时间戳。


3. 代码清理： 清理页脚 (Clean up Footers) 和 清理页眉 (Clean up Headers) n8n 节点利用带有 Cheerio 的自定义 JavaScript 来剥离 Squarespace 框架的标准元素，只留下真正自定义注入的代码。


4. 准备推送至 GitHub： 合并注入内容 (Merge Injections) n8n 节点将两个清理后的数据项（页眉数据和页脚数据）重新组合。然后 全局变量 (Globals) n8n 节点应用用户定义的 GitHub 仓库设置（所有者、名称、路径）。


5. GitHub 存储： 遍历项目 (Loop Over Items) n8n 节点分别处理页眉和页脚数据。第一个 GitHub n8n 节点（编辑注入数据）尝试更新现有文件。如果此操作失败（当文件尚不存在时会发生，由 If n8n 节点检查“未找到”错误来指示），流程会转移到 创建注入数据 (Create Injection data) n8n 节点，以确保文件首次被创建。这种条件逻辑保证了要么更新，要么创建，从而保持一致的备份历史记录。

要有效部署此 n8n 工作流，请遵循以下步骤：

1. 导入： 复制提供的 n8n 工作流 JSON 并粘贴到您的 n8n 实例中。


2. Squarespace URL： 找到 获取 Squarespace 数据 (Get Squarespace data) n8n 节点，并将 URL 参数更新为您 Squarespace 站点的首要域名。


3. GitHub 凭据： 为 编辑注入数据 (Edit Injection data) 和 创建注入数据 (Create Injection data) n8n 节点配置所需的 GitHub API 凭据。这需要一个具有仓库写入权限的个人访问令牌 (Personal Access Token)。


4. 定义仓库路径： 打开 全局变量 (Globals) n8n 节点并更新以下设置：

1. 激活： 确保 计划触发器 (Schedule Trigger) n8n 触发器处于激活状态，以启用自动备份。

这个高级 n8n 工作流依赖于几个特定的 n8n 节点类型：

计划触发器 (Schedule Trigger)： 作为主要的 n8n 触发器，启动每两小时一次的备份过程。这是处理周期性任务的非常可靠的 n8n 节点。
HTTP 请求 (Get Squarespace data)： 获取原始的 Squarespace 页面上下文数据。关键配置：使用 ?format=page-context 查询参数。
设置 (Set) (获取页眉/页脚注入 & 全局变量)： 主要用于数据处理。注入节点提取原始内容并创建支持性元数据（ID、域名）。全局变量 (Globals) n8n 节点集中了 GitHub 的配置详情。
代码 (Code) (清理页脚/页眉)： 对数据卫生至关重要。这些自定义脚本 n8n 节点实现使用 cheerio 库来解析 HTML 并移除 Squarespace 添加的样板代码，从而只隔离出自定义注入的代码。
合并 (Merge)： 将分离的页眉和页脚数据流重新组合成一个单一的输入流以供后续处理。
遍历项目 (Loop Over Items) (分批拆分)： 确保页眉文件和页脚文件被 GitHub n8n 节点顺序且独立地处理。

• GitHub (编辑/创建注入数据)： 处理实际的存储。编辑 操作尝试更新文件；如果失败，If n8n 节点会将执行引导至 创建 操作，从而确保在 GitHub 仓库内实现无缝的版本控制。