如何获得简介部分图片网址？

Question

我已经检查了模板文件，其中使用了以下代码： <img {mainImage|image-meta} data-load="false" /> {mainImage|image-meta}

此代码返回许多其他属性，例如：

data-src="https://static1.squarespace.com/static/5c12cc27aa49a15fa0c20dbd /t/5c6334730d9297f6e70d6168/1550005372146/iStock-947324428.jpg" data-image="https://static1.squarespace.com/static/5c12cc27aa49a15fa0c20dbd/t/5c6334730d9297f6e70d6168/1550005372146/iStock-947324428.jpg" data-image-dimensions="1600x1068" data-image-focal-point="0.5,0.5" alt="iStock-947324428.jpg"

我想获取图像的唯一src，直接表示没有任何其他属性的URL。

Answer 1

使用{mainImage.assetUrl}来获得src，而无需附加属性。

...|image-meta被称为Squarespace imageLoader JSON-T格式化程序。有时这是一个有用的实用程序，但是如果您只需要src，请仅使用上述代码。

您可以在Squarespace's own documentation about this topic中查看有关绕过ImageLoader的更多信息。

  

绕过ImageLoader

     

如果您想显式加载这些图像尺寸之一，请在图像上下文中使用以下语法：

     

<img src="{assetUrl}?format=300w" />

     

在这种情况下，图像将是300w图像。请注意，此语法会绕过我们的imageLoader，因此不建议一般使用。可用的图像尺寸为：

     

2500w, 1500w, 1000w, 750w, 500w, 300w, 100w