在Jekyll上下文中使用amp-img

Question

我尝试在jekyll中使用amp-img标记，代码是

<amp-img
  width="16"
  height="16"
  alt="phone icon"
  scr="{{ 'assets/images/icons/Phone_number-16px-16px.png' | absolute_url }}" 
  layout="responsive">
</amp-img>

or

<amp-img
  width="16"
  height="16"
  alt="phone icon"
  scr="{{ 'assets/images/icons/Phone_number-16px-16px.png' | relative_url }}" 
  layout="responsive">
</amp-img>

我阅读了以下文档：https://www.ampproject.org/docs/reference/components/amp-img

我确信绝对的url会导致我的形象(我已经测试过了)。但我看不见图像。提前谢谢你的回答

Answer 1

你好，我点击插件开发者，但到目前为止，没有回答。我向前迈进，并提出了一个新的"header.html“，它如下所示：1.html

但是我在控制台中有以下错误

我不明白为什么它不考虑我的src属性。我查看了我所写的每个url浏览器，它会导致正确的图像。提前谢谢你

Answer 2

我认为我按照文档(https://github.com/juusaw/amp-jekyll)以不好的方式集成了“https://github.com/juusaw/amp-jekyll”文件。

我把它放在_layouts文件夹中，但没有在其他地方使用。由于我测试的图像是in _include/ test er.html文件，如下所示：

https://github.com/flamant/fileshare/blob/master/header.html

我看不到"amp.html“文件的效用。我应该改变它，在某个地方集成它，在某个地方引用它吗？谢谢你的回答