Liquid액체 시작하기


비고

액체 정보

Liquid는 Shopify가 만든 루비로 작성된 오픈 소스 템플릿 언어입니다. 2006 년부터 Shopify에서 사용되었으며 Jekyll, Zendesk 및 Salesforce Desk를 포함한 다른 많은 호스팅 웹 응용 프로그램에서 사용됩니다.

액체의 기초

액체 코드는 객체, 태그 및 필터로 분류 할 수 있습니다.

사물

객체는 Liquid에 페이지의 내용을 표시 할 위치를 알려줍니다. 객체와 변수는 이중 중괄호로 표시됩니다. {{}}

<!-- input -->
{{ page.title }}

<!-- output -->
Getting started with Liquid
 

태그

태그는 템플릿의 흐름을 제어하는 ​​논리를 만드는 데 사용되며 중괄호와 백분율 기호 {%%} 됩니다.

<!-- input -->
{% if user %}
  Hello {{ user.name }}!
{% endif %}

<!-- output -->
Hello George!
 

필터

필터는 객체를 조작하는 데 사용되며, 파이프로 표시됩니다 | . 왼쪽에서 오른쪽으로 여러 필터를 적용 할 수 있습니다.

<!-- input -->
{{ "world" | capitalize | prepend: "Hello " | append: "!" }}

<!-- output -->
Hello World!