liquidjs/docs/source/zh-cn/tutorials/syntax.md

title

title
基本语法

LiquidJS 语法相对简单。LiquidJS 中有两种标记：

• 标签。标签由标签名和参数构成，由 {%raw%}{%{%endraw%} 和 %} 包裹。
• 输出。输出由一个值和一组可选的过滤器构成，由 {%raw%}{{{%endraw%} 和 }} 包裹。

输出

输出 用于转换和输出变量到 HTMl。下面的模板将会把 username 的值插入到 input 的 value：

<input type="text" name="user" value="{{username}}">

输出 里的值可以在输出之前经过若干个 过滤器 的转换。比如在变量后面追加一个字符串：

{{ username | append: ", welcome to LiquidJS!" }}

过滤器可以级联，用起来像管道一样：

{{ username | append: ", welcome to LiquidJS!" | capitalize }}

这里 是 LiquidJS 支持的完整的过滤器列表。

标签

标签 用于控制模板渲染过程，操作模板变量，和其他模板交互等。例如 assign 可以用来定义一个模板中可以使用的变量：

{% assign foo = "FOO" %}

一般标签成对地出现，一个开始标签和一个对应的结束标签，比如：

{% if foo == "FOO" %}
    Variable `foo` equals "FOO"
{% else %}
    Variable `foo` not equals "FOO"
{% endif %}

这里 是 LiquidJS 支持的完整的标签列表。