단계별 튜토리얼
2. Liquid
Liquid 는 Jekyll 을 더 흥미롭게 만들어줍니다. Liquid 는 템플릿 언어로서 세 가지 부분으로 나눌 수 있습니다: 오브젝트와 태그, 필터.
오브젝트
오브젝트는 컨텐츠를 어디에 출력할 지 Liquid 에 알려줍니다. 두 개의 중괄호로
표시합니다: {{ 와 }}. 예시:
{{ page.title }}
페이지에 page.title 변수의 값을 출력합니다.
태그
태그는 템플릿의 논리 연산과 흐름을 제어합니다. 중괄호와 퍼센트 문자로
표시합니다: {% 와
%}. 예시:
{% if page.show_sidebar %}
<div class="sidebar">
sidebar content
</div>
{% endif %}
변수 page.show_sidebar 가 참인 경우에 사이드바를 출력합니다. Jekyll 에서 사용할
수 있는 태그에 대해 더 배우려면 여기를 방문하세요.
필터
필터는 Liquid 오브젝트의 출력을 변화시킵니다. | 로 구분해서 오브젝트 안에
사용합니다. 예시:
{{ "hi" | capitalize }}
Hi 를 출력합니다. Jekyll 에서 사용할 수 있는 필터에 대해 더 배우려면
여기를 방문하세요.
Liquid 를 사용하세요
이제 당신 차례입니다. 페이지의 Hello World! 를 소문자로 출력해보세요:
...
<h1>{{ "Hello World!" | downcase }}</h1>
...
Jekyll 이 위 내용을 처리하게 하려면 머리말 를 페이지 맨 처음에 추가해야 합니다:
---
# 머리말은 Jekyll 에게 Liquid 를 처리하라고 지시합니다
---
이제 “Hello World!” 는 소문자로 렌더링됩니다.
지금은 아닌 것 같을 수도 있겠지만, 다른 기능들과 Liquid 를 조합하면 Jekyll 의 강점이 눈에 띄게됩니다.
Liquid 필터 downcase 의 결과를 보려면, 머리말을 추가해야 합니다.
다음장에서 설명합니다. 계속해봅시다.