Return 通过 AMP-List 的整个图像?

Return entire images via AMP-List?

我们正在尝试通过 AMP-List return 整个图像标记,而不仅仅是源 URL。

示例:

AMP-List Markup: {{{amp_image}}}
JSON Returned: {"amp_image":"<img src='example-img.png' />"}

但是,对于这个示例和许多变体 - 似乎没有图像是 returned。我们正在做的事情是可行的,还是存在事后无法显示图像的一些限制?

我们尝试 return 整个图像而不仅仅是源的主要原因是我们的一些 AMP 页面 'flagged'(通过 SEMRush 和其他)具有 404 .他们似乎看到了而不是实际的 src,因为它是通过 JS returned - 结果是 404.

在此先感谢您的任何意见!

您正在寻找的是一种从小胡子模板中 return 未转义 HTML 的方法。根据 Mustache documentation 执行此操作的方法是使用 "triple-mustache" 语法,即 {{{unescaped HTML}}}.

然而,AMP 对此有一些限制(来自 Restrictions section of amp-mustache documentation):

The output of "triple-mustache" is sanitized to only allow the following tags: a, b, br, caption, colgroup, code, del, div, em, i, ins, li, mark, ol, p, q, s, small, span, strong, sub, sup, table, tbody, time, td, th, thead, tfoot, tr, u, ul.

所以您使用的语法是有效的,但是 amp-img 不在 "triple-mustache" 模板允许的标签中。