amp-html - 如何为制作共享相同设计的静态放大器页面提供数据？

Question

据我了解，使用 amplist、ampcarousel、ampimg 需要一个始终硬编码的 src（取决于产品的详细信息页面 URL）

例如。- https://www.example.com/amp/details/Samsung-smartphone-s5 - https://www.example.com/amp/details/one-plus-3t - https://www.example.com /amp/details/iphone-6s等

由于它们都是详细信息页面，但具有不同的内容，例如 - 标题、价格、图像、list_items 等。那么在制作最终 HTML 之前如何提供这些静态数据？

注意：在详情页，路线路径改变，但设计保持不变。

那么我应该把这些数据带到哪里来制作数千个类似的页面，并且为所有这些页面手动编写 AMP-HTML 听起来是多余的？

Answer 1

您可以查看本教程，了解如何生成静态 AMP 页面。基本思想改编自github 上的 Jekyll 插件。所有样式都包含在<style amp-custom/>元素的头部中。发现以这种方式加载所有样式更容易，即使在非 AMP 页面上也是如此。链接样式表中的样式与头部样式标签中的样式在页面呈现中没有可测量的差异。