我有一个用 Gatsby 和 Contentful 编写的静态网站。我想添加到应用AMP Stories。故事内容将在构建过程中从 Contentful 中获取,我想从中生成 AMP 故事页面。
问题
AMP Stories 只需要一个文档正文的直接子代 -amp-story
标签。
AMP 网页和使用 AMP 构建的网络故事之间的区别在于 amp-story 组件。它是文档的唯一直接子级,并且必须包含独立属性。所有 Web Story 页面、图层和元素都在标签中定义。
但另一方面,盖茨比需要:
在您的内部,您必须有一个 id 为 ___gatsby 的 div
想法
- 可以自己写amp页面,放到
static
文件夹里,但是想自动生成,和Contentful同步。 - 我可以使用
onPostBuild
fromgatsby-node
API 来调整生成的 HTML 以适应 AMP Story 的要求。
是否有人对如何在 Gatsby 中实施 AMP Stories 有任何其他想法或建议?