在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

我确信绝对网址会导致我的图像（我已经测试过了）。但我无法看到图像。提前感谢您的回答

Answer 1

我认为我以一种糟糕的方式整合了＆＃34; amp.html＆＃34;文件根据文件（https://github.com/juusaw/amp-jekyll）。

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

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

我无法看到＆＃34; amp.html＆＃34;文件。我要改变它，将它集成到某个地方，在某处引用它？谢谢你的回答

Answer 2

您好我已经ping了插件开发者，但直到现在还没有答案。我向前迈进并提出了一个新的“header.html”，其中包括以下内容：https://github.com/flamant/fileshare/blob/master/header_1.html

但是我在控制台中有以下错误 我不明白为什么它没有考虑我的src属性。我在浏览器上查看了我写的每个网址，它会导致正确的图像。提前谢谢