您可能希望让读者知道发布日期

第2步 <img src="{{ image | img_url 'medium' }}" /> 我们代码示例中的第二行由一个 HTML 部分和一个 Liquid 部分组成。您还会注意到 SRC 属性具有带有 Liquid 输出标签的输入数据。 这向我们介绍了由字符 | 表示的过滤器的概念。（管子）。稍后我们将更详细地看到它们。在我们的示例中，过滤器采用图像变量（我们循环中的当前元素）并为半尺寸版本的图像创建完全限定的 URL，该 URL 是在将产品图像添加到  管理时创建的。 我们将查看由字符 | 表示的过滤器，马上就足以说明这个简短的创建将占用 SRC 属性以及我们列表中当前查看的图像的中等版本的完全限定。

过滤器为我们完成创建 SRC 属性的所有工作。 步骤 3 {% % 结束} 我们 示例的最后一行是我们的 endfor 语句。这告诉模板在执行完所有循环后继续。 如果我们的  对象中有三张图片，最终结果将如下所示1370429684" alt=" /> 循环非常有用，在开发界 阿曼电话号码表 面的过程中每天都会遇到。 您可能还对以下内容感兴趣： 4 种可添加到您的 工作流程中的  前端技术 液体过滤器 Liquid 的另一个重要特性是我之前在代码示例中使用的输出过滤器。通过 14 个步骤自行构建什么是技术 SEO？ 技术页面优化综合指南 如何使用 Google Ads 跟踪转化。从而能够从主题标签、提及和照片标签中获取内容。 我的降落伞之家_IG 我们的客户，例如Parachute Home 的“Instagram 商店”，在Curalate Fanreel的帮助下。




过滤器具有三个主要目的： 以某种方式操纵输出数据。 让我们的界面独立。 通过减少需要编写的代码，为界面设计人员节省时间。 过滤器总是与 Liquid 输出结合使用。让我们看一下从日期过滤器开始的一些过滤器。 从博客文章中生成输出时，您可能希望让 读者知道发布日期。 <p class="date-time">{{ | 日期：'%d %B %Y' }}</p> 与前面的情况一样，您将观察到字符 | （通常称为管道）在输出标签的中间。在琵琶字符的左侧，我们有文章对象及其属性“published_on”，在右侧我们有日期过滤器，其参数表示日期格式，在本例中为。请使用可促进社交媒体发现并增加在线商店销售额的内容。Curalate 可轻松集成到您的电子邮件策略中。