[Liquid] Jekyll & Liquid
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 태크를 사용한다.
사용법:
{% 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/)
댓글남기기