Junchive Jekyll 블로그가 어느 정도 틀이 잡혀서 새로운 plugins 추가하는데 맛들렸다. 지금까지 사용하고 있는건 jekyll-paginate-v2jekyll-sitemap 정도인데 필요에 따라 플러그인을 하나씩 추가할 듯 하다. Jekyll와 관련된 여러 plugin을 탐색하다가 자동으로 날짜 간격을 알려주는 jekyll-timeago을 사용해보기로 했다.

jekyll-timeago는 Ruby를 기반으로 날짜 사이의 간격을 계산하고, 이를 Jekyll Liquid Template로도 사용할 수 있도록 만들어진 프로젝트이다. n일 지났다는 정확한 값과 더불어서 대략적으로 m개월 또는 k년이 지났다는 approximate distance도 계산해준다.

Jekyll에 적용하기

설치과정

  1. Gemfilegem "jekyll-timeago" 추가하기
  2. _config.yml의 plugins 항목에 - jekyll-timeago 추가하기

Jekyll에 적용하기

  1. Liquid Filter로 적용
<p>{{ page.date | timeago }}</p>
<p>{{ page.date | timeago: '2020-1-1' }}</p>
  1. Liquid Tag로 적용
<p>{% timeago 2000-1-1 %}</p>
<p>{% timeago 2000-1-1 2010-1-1 %}</p>

적용 후 테스트하기!

Junchive 블로그는 2023년 4월 3일에 개설되어 지금까지 이어오고 있는데, 시험삼아 jekyll-timeago을 이용해서 개설 후 지난 시간을 계산해보자! <p>{% timeago 2023-4-3 %}</p>를 넣은 결과는 다음과 같다

Junchive D-Day: {% timeago 2023-4-3 %}

성공적으로 나타나는 것을 볼 수 있다.

후기

D-Day 기능을 이전부터 구현하고 싶었는데, Ruby를 다루지 못해서 embed를 해야하나 고민하던 중에 유용한 Jekyll plugin을 발견하게 되어서 참 기쁘다. 다른 쓸만한 플러그인들 있는지 더 찾아봐야겠다.