javascript - 在本地托管整个 Squarespace 网站并调用文件

Question

我希望在本地托管整个 Squarespace 网站，包括所有关联的文件。我一直在努力 wgeting 所有关联的文件并用本地路径替换路径。但是我在以下文件中遇到了障碍:

//- this loads but it's from squarespace, so we can't use this unless we have an active account
//- script(src='../squarespace/scripts/common-82d600baf3cebf62de6b.js')

script(crossorigin='anonymous', src='//static.squarespace.com/universal/scripts-compressed/common-82d600baf3cebf62de6b-min.en-US.js')

请注意，注释掉的部分是我希望引用 .js 脚本的本地版本的地方。未缩小的完整脚本位于以下链接中:https://raw.githubusercontent.com/lingxiao/Homepage/master/public/squarespace/scripts/common-82d600baf3cebf62de6b.js。

问题是网站的部分内容仍然按预期加载，但很多效果消失了，因此内容不再可见。例如，原始站点在这里:https://lingxiaoling.me/tech，当我使用本地托管文件时，当我向下滚动时，TECH ...我询问... 页面保持静态。

但是，当我使用 squarespace 托管文件时，页面会按预期向下滚动。

我尝试检查 common-####.de6bjs 文件，但我没有发现其中的任何内容。在本地撕下整个 Square 空间网页并对其进行修改的想法是否疯狂？

Answer 1

假设您只是将其作为练习:

打开您要下载的 sqarespace 网站，例如https://www.missionchinesefood.com/

在 Firefox 中选择(我使用的是 Mac OSX，在其他操作系统中可能看起来有所不同):

1. 文件
2. 将页面另存为
3. 选择“网页完整”类型。

Firefox 现在会将所有 JS、CSS、图像、HTML 等下载到您定义的位置。

1. 从那里打开页面，
2. 打开开发者工具，
3. 切换到网络选项卡，
4. 重新加载并查看哪些资源仍然引用自互联网。
5. 手动下载这些文件并调整下载的脚本/html 文件。