1

我有一个用 Gatsby 和 Contentful 编写的静态网站。我想添加到应用AMP Stories。故事内容将在构建过程中从 Contentful 中获取,我想从中生成 AMP 故事页面。

问题

AMP Stories 只需要一个文档正文的直接子代 -amp-story标签。

AMP 网页和使用 AMP 构建的网络故事之间的区别在于 amp-story 组件。它是文档的唯一直接子级,并且必须包含独立属性。所有 Web Story 页面、图层和元素都在标签中定义。

但另一方面,盖茨比需要:

在您的内部,您必须有一个 id 为 ___gatsby 的 div

想法

  1. 可以自己写amp页面,放到static文件夹里,但是想自动生​​成,和Contentful同步。
  2. 我可以使用onPostBuildfrom gatsby-nodeAPI 来调整生成的 HTML 以适应 AMP Story 的要求。

是否有人对如何在 Gatsby 中实施 AMP Stories 有任何其他想法或建议?

4

0 回答 0