如何解决如何将AMP Story添加到Gatsby应用程序
我有一个用Gatsby和Contentful编写的静态网站。我想添加到应用AMP Stories中。故事内容将在构建期间从Contentful中获取,我要从中生成AMP故事页面。
问题
AMP Stories仅需要一个文档正文的直接子元素-amp-story
标签。
AMP网页和使用AMP构建的Web Story之间的区别是amp-story组件。它是文档的唯一直接子级,并且必须包含独立属性。所有Web Story页面,层和元素都在标记中定义。
但另一方面,盖茨比则需要:
您的内部必须有一个ID为___gatsby的div,例如
想法
- 我可以自己编写amp页面并将其放入
static
文件夹中,但是我想自动生成它,并与Contentful同步。 - 我可以使用
onPostBuild
API中的gatsby-node
来使生成的HTML适应AMP Story要求。
有人对在盖茨比实施AMP故事有其他想法或建议吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。