第 9 章 liquids: Developer Portal

默认情况下，所有部分和电子邮件模板都会启用 quid 标记处理。通过在 system_name 输入字段下的复选框在布局上启用它们。但是，要在页中启用它们，您必须前往该页面的高级选项部分。

View larger image

只需展开高级选项部分，并标记"启用"复选框。现在，所有 liquid markup 将由内部引擎处理，开发人员门户内置编辑器也会添加代码高亮显示。

liquids 的使用通常略有不同，页面、部分和布局之间稍有不同。在页面内，liquids 是单使用元素；而与部分和布局相对应的是开发人员门户的可重用元素。这意味着，除了对不同页面进行小更改时不应用多个布局或部分，您也可以添加一些逻辑流动标签，并根据用户所在的页面更改布局。

<!-- if we are inside '/documentation' URL -->
<li class="{% if request.request_uri contains "/documentation" %}active{% endif %}"><!-- add the active class to the menu item -->
  <a href="/documentation">Documentation</a>
</li>

<!-- if we are inside '/documentation' URL -->
<li class="{% if request.request_uri contains "/documentation" %}active{% endif %}"><!-- add the active class to the menu item -->
  <a href="/documentation">Documentation</a>
</li>

liquid markup 不仅可与 HTML 配合使用，您可以轻松地将其与 CSS 和/或 JavaScript 代码组合，以便更多控制。若要启用 liquid in a JS，将其创建为页面页面，并遵循与您为普通页面启用相同的步骤。完成后，您将能够在 CSS 中添加一些条件标记，或者在 JavaScript 中使用服务器端数据。只需记得将页面的内容类型设置为 CSS 或 JS。