Gatsby 以编程方式更改布局

Question

开始使用 Gatsby (v2)，我想知道处理 Behance 网站上可见的场景的最佳方法是什么：

• 如果我直接从地址栏访问某个网址，会显示一个带有自己布局的模板（A）
• 如果我从网站上的链接访问相同的 URL，页面将显示另一个模板 (B)

有什么方法可以在运行时定义 Layout 吗？ 2 方案带来完全相同的 URL。

感谢您的任何建议。

Answer 1

我认为这是您可以研究的完美示例： https://github.com/gatsbyjs/gatsby/tree/master/examples/gatsbygram

在gatsby-browser.js 它设置了这个函数：

exports.onInitialClientRender = () => {
  window.___GATSBYGRAM_INITIAL_RENDER_COMPLETE = true
}

https://www.gatsbyjs.org/docs/browser-apis/#onInitialClientRender

然后设置src/templates/post-page.js isModal，具体取决于您在问题中的描述。