gatsby - 如何将两个 Gatsby 站点组合在一起

Question

目前，我有两个使用 gatsby.js 开发的站点部署到 example.com 和 blog.example.com。我想创建一个 blog.example.com 的子目录到 example.com/blog。

有没有办法在不合并两个存储库的情况下做到这一点？

Answer 1

您可以在 Gatsby 博客站点上使用路径前缀将所有内容放在/blog 上

见:https://www.gatsbyjs.org/docs/path-prefix/

基本上，将路径前缀添加到 gatsby-config.js :

module.exports = {
  pathPrefix: `/blog`,
}

然后添加 --prefix-paths到您的所有脚本:

"build": "gatsby build --prefix-paths",
"serve": "gatsby serve --prefix-paths",

现在您的 Gatsby 主站点位于 /并且您的 Gatsby 博客站点以 /blog 为前缀，问题是如何将这两个独立的站点部署到一台主机上。您可以创建一个执行以下操作的部署脚本:

构建 Gatsby 主站点

构建 Gatsby 博客站点(使用 --prefix-paths)

复制 /public 的内容从 Gatsby 博客到 /public/blog在 Gatsby 主要

从 Gatsby 主部署到托管

请记住，您将在同一主机上创建两个独立的 Gatsby 站点，因此有些事情可能无法按您希望的方式运行。例如，我认为您无法使用 <Link> 预取页面。在两个站点之间导航时。因此，您必须评估拥有单独站点与将站点合并为单个 Gatsby 站点之间的优缺点。

希望这可以帮助!