在现有网站中创建AMP友好型网站

Question

我有一个基于NodeJS和Bootstrap 4的动态博客网站。该网站目前有大约8个JS文件和5个CSS文件。它很敏感。

我试图实施AMP，但它会抛出所有AMP错误。

我的问题是： 我无法删除那些JS＆amp; CSS文件，因为它用于桌面版。那么我该怎么办呢？有没有办法可以让AMP忽略桌面CSS和JS文件？

Answer 1

您无法在AMP中使用自己的JavaScript。您必须删除JavaScript文件并使用AMP框架本身提供的元素。

在这里您可以找到AMP组件的完整列表： https://www.ampproject.org/docs/reference/components

这里有一些例子： https://ampbyexample.com/#components

关于你的CSS：你不能使用外部样式表，你必须将它们包含在内。另请注意，您的CSS必须小于50kb。