自动生成 NuxtJS 静态站点

Question

我使用Cockpit CMS后端创建了一个 NuxtJS 静态博客。npm run generate目前，在创建新博客文章并将文件从 dist 文件夹上传到我的服务器后，我需要在本地进行。如何自动化这个过程？

（我想要归档的内容：创建新博客条目 -} 触发生成静态站点 -} 更新服务器上的文件）

更新：我有 SSH 访问权限并在我的服务器上安装了 NodeJS。

Answer 1

由于您的计算机并不总是处于运行状态，可能不会保留相同的 IP 地址，并且不会有反向代理来处理多个挂钩，因此最好不要在您自己的计算机上执行此操作。

如果您使用 Netlify 或 Vercel 或任何其他 SAAS 无服务器托管，它们可以访问您可以向其发送请求的端点，这将触发您网站的新构建：这称为“构建挂钩”或“部署挂钩”。

您应该在服务器上执行的操作是上传 Nuxt 项目的源代码，并为其提供生成所需的一切（节点+npm、网络访问...），然后将其在线公开。然后，您需要开发自己的构建挂钩：用于重新生成网站的脚本和用于触发它的端点。

在 Cockpit 方面，它们允许您访问Webhook，以便在您的帐户发生任何情况时发送 HTTP 请求。

如果可以的话，您确实应该考虑迁移到 Netlify/Vercel/...，这会大大简化所有工作:)。他们会对您的网站进行地理复制，使其加载速度非常快，如果构建失败也不会破坏您的网站，并确保它始终具有正确的 SSL 证书。