[Jekyll] 다른 파일 끼워넣기 - include

by 스뎅(thDeng) on

Include files

Jekyll을 사용할 때 {% include %}를 사용하면 다른 파일을 쉽게 끼워넣을 수 있다. 끼워넣고 싶은 파일을 전달인자로 주면 된다.

{% include header.html %} 

끼워넣을 파일(header.html)은 _include 폴더 안에 있어야 한다. 현재 파일의 상대 경로로 끼워넣고 싶으면 {% include_relative %}를 사용하면 된다.

{% include_relative somewhere/header.html %}

Passing parameters

끼워넣을 파일에 전달인자를 함께 넘겨줄 수 있다. 예를 들어, 페이지에 이미지 넣어주는 파일을 만들어 두고 이미지 url만 바꾸어서 include할 수 있다.

<a href="{{ include.file }}" target="_blank" class="image">
  <img src="{{ include.file }}" alt="{% if include.alt %}{{ include.alt }}{% else %}Image{% endif %}">
</a>

위처럼 끼워넣을 image.html 파일을 만들어 둔다. include할 때 마다 이미지 위치(file)와 설명(alt)를 받아서 사용하면 된다.

{% include image.html file='hello.jpg' alt='Hello' %}
{% include image.html file='bye.jpg' alt='Bye' %}

전달인자는 {{ include.file }}, {{ include.alt }} 처럼 include.을 사용하면 된다. include에 넘겨준 전달인자가 map처럼 들어 있다.

참고

별도로 명시하지 않을 경우, 이 블로그의 포스트는 다음 라이선스에 따라 사용할 수 있습니다: Creative Commons License CC Attribution-NonCommercial-ShareAlike 4.0 International License