簡(jiǎn)介

Liquid 代碼可分為?對(duì)象（object）、標(biāo)記（tag）?和?過(guò)濾器（filter）。

對(duì)象

對(duì)象?告訴 Liquid 在頁(yè)面的哪個(gè)位置展示內(nèi)容。對(duì)象和變量名由雙花括號(hào)標(biāo)識(shí)：{{?和?}}。

輸入

{{ page.title }}

輸出

Introduction

上述實(shí)例中，Liquid 輸出?page.title?對(duì)象的內(nèi)容，此對(duì)象保存的是文本?Introduction。

標(biāo)記（tag）

標(biāo)記（tag）?創(chuàng)造了模板的邏輯和控制流。他們由單括號(hào)加百分號(hào)標(biāo)識(shí)：{%?和?%}。

標(biāo)記（tag）并不產(chǎn)生任何可見(jiàn)的文本輸出。這意味著你可以用他們?yōu)樽兞抠x值、創(chuàng)建條件和循環(huán)邏輯，并且不在頁(yè)面上顯示出任何 Liquid 邏輯代碼。

輸入

{% if user %}
  Hello {{ user.name }}!
{% endif %}

輸出

Hello Adam!

標(biāo)記被分為三類(lèi)：

• 控制流
• 迭代
• 變量賦值

你可以在每一類(lèi)標(biāo)記所對(duì)應(yīng)的章節(jié)了解更多信息。

過(guò)濾器

過(guò)濾器?改變 Liquid 對(duì)象的輸出。他們被用在輸出上，通過(guò)一個(gè)?|?符號(hào)分隔。

輸入

{{ "/my/fancy/url" | append: ".html" }}

輸出

/my/fancy/url.html

多個(gè)過(guò)濾器可以共同作用于同一個(gè)輸出，并按照從左到右的順序執(zhí)行。

輸入

{{ "adam!" | capitalize | prepend: "Hello " }}

輸出

Hello Adam!