簡介

Liquid 在樣板檔案中使用 物件、標籤 和 篩選器 的組合來顯示動態內容。

物件

物件包含 Liquid 在頁面上顯示的內容。當物件和變數被雙大括號 {{ 和 }} 包圍時，就會被顯示。

輸入

{{ page.title }}

輸出

Introduction

在此範例中，Liquid 會渲染 page 物件的 title 屬性的內容，其中包含文字 Introduction。

標籤

標籤為樣板建立邏輯和控制流程。大括號百分比分隔符號 {% 和 %} 以及它們所包圍的文字在渲染樣板時不會產生任何可見的輸出。這讓您可以指派變數並建立條件或迴圈，而不會在頁面上顯示任何 Liquid 邏輯。

輸入

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

輸出

  Hello Adam!

標籤可以分為各種類型

• 控制流程
• 迭代
• 樣板
• 變數指派

您可以在它們各自的章節中閱讀更多關於每種類型標籤的資訊。

篩選器

篩選器會變更 Liquid 物件或變數的輸出。它們用於雙大括號 {{ }} 和 變數指派中，並以管道符號 | 分隔。

輸入

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

輸出

/my/fancy/url.html

可以在一個輸出上使用多個篩選器，並從左到右套用。

輸入

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

輸出

Hello Adam!