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를 찾아봄.
위의 라이브러리를 이용하여 URL의 HTML meta 데이터를 표현하는 Jekyll Plugin 만듬.
Jekyll의 Custom plugin은 _plugins에 파일을 만들고, 동작에 해당하는 코드를 구현하면 됨.
참고
Comments