Liquid는 Ruby로 작성된 오픈소스 템플릿 언어이다.
Jekyll 은 Liquid 템플릿 언어를 사용해 템플릿을 처리한다.


Escape (코드블럭)

중괄호가 포함된 내용을 출력하고 싶을 때 등 Liquid의 태그를 그대로 보여준다.

사용법: {% raw %} 보여주기 원하는 내용 {% endraw %}

Comment

태그 안의 내용을 출력하지 않는다.

사용법: {% comment %} 이내용은 화면에 출력되지 않는다. {% comment %}

논리제어 (if/else)

조건에 따라 내용을 제어한다.

사용법: {% if %} 제어할 내용 {% endif %}

반복문(Loop)

코드블럭을 반복적으로 수행한다.

{% for post in site.posts %}
  <li><a href="{{ post.url }}">{{ post.title }}</a></li>
{% endfor %} 

반복수행의 수를 제한하고 싶다면 limit 키워드를 사용하여 Loop를 제어할 수 있다. 예시) 코드블럭 반복을 3회만 수행한다.

{% for post in site.posts limit: 3 %}
  <li><a href="{{ post.url }}">{{ post.title }}</a></li>
{% endfor %}

Liquid 필터

Object가 출력되는 방식을 변경한다.

설명 필터 사용법 출력예시
Date to String {{ site.time | date_to_string }} 07 Nov 2008
Data To JSON {{ site.data.projects | jsonify }} -
Sort {{ page.tags | sort }} -
To Integer {{ some_var | to_integer }} -
append {{ “some_url” | append: “.html” }} some_url.html
replace {{ “foofoo” | replace: ‘foo’,’bar’ }} barbar

게시물, 페이지 등 파일 연결을 위해 link 태크를 사용한다.

사용법:
{% link /assets/images/main/onda2me_01.PNG %}
{% link /assets/files/doc.pdf %}

include (페이지 추가)

페이지내에 파일을 추가하는 기능이다.

사용법:{% include sidebar.html %}

참고 사이트

Shopify Liquid (https://github.com/Shopify/liquid/wiki/Liquid-for-Designers)
Jekyll Liquid (http://jekyllrb-ko.github.io/docs/liquid/)
Jekyll Liquid Filter (http://jekyllrb-ko.github.io/docs/liquid/filters/)

업데이트:

댓글남기기