javascript - 从 Wordpress 站点导出已编译的 CSS 和 JS

Question

所以你有:

SiteA:Wordpress 站点

SiteB:全面的应用程序(Rails，无论哪种方式)

我的目标是将 SiteA 中的内容嵌入到 SiteB 中。我所说的内容是指发布内容以及所有已编译的 CSS 和 JS。

对于帖子内容，我发现了一个很棒的 Wordpress 插件 WP-API，它返回与每个帖子相关的所有 JSON 数据。好的开始。现在剩下的......我想知道是否:

1) 已经有一个插件可以完成这个，或者

2) 我得写点东西。我还不是 Wordpress 专家，但我想会有一种方法可以劫持引导加载程序并输出 all.css 和 all.js，然后编写脚本每次将这些文件从 SiteA 发送到 SiteB他们更新了。最好创建一个端点，它只返回所有 CSS 和 JS，并经常检查它与 SiteB 上的内容之间的差异。

由于 SEO 缺点，我想避免使用 iframe 导入内容，但至少在使用 AJAX 加载内容时有变通办法。

编辑::::::::

我想我找到了(部分)我正在寻找的东西......

/wp-admin/theme-editor.php:第 79 - 94 行这是将主题样式的更新写入主题目录中的 style.css 的地方。我基本上复制了它以写入一个单独的文件，现在就在我的服务器上——尽管它可以很容易地连接到 CDN 并将其写入那里——并让 SiteB 引用该文件。取得进步!

Answer 1

这是我推荐的。

‣ 在共享主机中建立一个全局文件夹或在云 CDN 中创建一个。

1.) 将两个网络属性放在相同服务器/主机上。 你提到你有这个选项。

进入 Wordpress 并更改 .css 和 .js 文件的所有文件路径引用；以及您想要的任何其他文件 ' global ' - 而不仅仅是特定于 WP 安装。

例如。像这样的东西: /wp/css/styles.css --> ../../css/styles.css

(更改引用以到达公共(public)共享全局文件夹)

将这些 css 和 js 文件夹/文件从 Wordpress CMS 安装目录中删除到您的主机的基本目录中，两个 Web 属性都可以在其中轻松共享。

www.coolwebsite.com/wp/

www.coolwebsite.com/

或者

2.) 将所有“共享/全局文件夹和文件”放在云中的 CDN 上，如 AWS .从托管中删除。这可能更易于管理，您可以为要与之共享这些公共(public)文件的任何和所有 Web Assets 使用相同的绝对路径。

EG。类似于 google CDN 托管所有这些 jQuery 版本、库和插件的方式。