Make Jekyll plugin showing html meta data on an url


Categories: Jekyll
Tags: #Ruby #Jekyll #Blog

Overview

카톡이나 슬랙 등 여러 메신저에서 url을 보냈을 때, 아래 그림(Slack)과 같이 그 url의 정보를 가져와서 미리 보여주는 기능 존재.

Benchmarking Sample (Slack)
Benchmarking Sample (KAKAO)

블로그 글에서도 참고한 글을 표현할 때, 위와 같은 형태로 보여주고 싶었음. 그래서 Jekyll plugin 형태로 존재하는지 찾아보았는데, 없는 것 같아 직접 만듬.

Implementation

이러한 기능은 해당 HTML 파일에 존재하는 HTML Meta tag 정보들를 이용함. 이러한 Meta tag format 중에는 Open Graph Protocal이 있음. 이 정보들을 가져오기 위해서 Ruby library를 찾아봄.

no file

Get HTML meta data by Ruby library Jungbin’s Blog

HTML meta 데이터 가져오는 Ruby 스크립트 만들기URL으로 HTML meta 데이터를 가져와 보여주는 Jekyll Plugin을 만들고 싶어서, 해당 기능을 가지고 있는 Ruby 라이브러리들을 찾아봄.URL을 입력값으로 meta 데이터를 객체로 매핑해서 반환해주는 것이 요구사항임.

위의 라이브러리를 이용하여 URL의 HTML meta 데이터를 표현하는 Jekyll Plugin 만듬. Jekyll의 Custom plugin은 _plugins에 파일을 만들고, 동작에 해당하는 코드를 구현하면 됨.

참고

Comments