[Git Blog] Jekyll에서 emoji사용하기

Emoji?

Jekyll 테마는 github의 gemoji 같이 :: 사이에 이름를 넣어 Emoji를 사용 할 수 있는 기능인 jemoji를 제공한다. 다만 기본적으로 제공하는 건 아니고 플러그인을 추가해줘야 한다.

jemoji 적용

Gemfile에 jemoji를 추가한다.

gem "jemoji"

그리고 _config.yml에도 jemoji 플러그인을 추가한다.

gem은 Ruby에서 지원하는 패키지 시스템이다.

---

plugins:
	...
	- jemoji

그럼 :: 사이에 사용할 Emoji 이름을 넣어주면 된다. 예를 들어 white_check_mark를 넣으면 다음과 같이 나온다.

커스텀 Emoji 사용하기

Jekyll에서 제공하는 Emoji는 GitHub.com CDN에서 가져오는 것들이다. 그래서 마음에 들지 않는 Emoji가 있을 수 있는데 자신이 원하는 Emoji를 로컬저장소에서 불러오는 방식으로 커스터마이징 할 수 있다. _config.yml파일에 아래 소스를 추가한다.

emoji:
  src: "/assets/images"

그리고 /assets/images/emoji/unicode위치로가서 유니코드.png의 이미지 파일을 놓아주면 된다. 그러면 방금처럼 :white_check_mark:를 써보면 였던 것이 로 바뀐 것을 볼 수 있다.

---

유니코드 확인법

유니코드는 이모지 유니코드 사이트에서 직접 찾거나

bundle install
bundle exec jekyll serve

로컬서버를 돌린 뒤 에러메시지로 사용할려는 Emoji의 유니코드.png가 없다고 나오는 걸 보고 적용해주면 된다.

---

Reference

jemoji

gemoji