gatsby - Gatsby 以编程方式更改布局

Question

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

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

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

感谢您的任何建议。

标签： gatsby

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