사전 조건
Github에 가입된 계정

Gist 생성

Create a new Gist · GitHub에 접속하여 코드를 작성해서 Public Gist로 저장한다.

jekyll-gist 설치

아래의 html 구문을 삽입하여 코드를 넣을 부분에 복사하여 아래와 같이 사용할 수도 있지만..

<script src="https://gist.github.com/gloriaJun/5d66127f4f54d61831957fe121baa323.js"></script>

jekyll-gist를 이용하면 liquid tag를 이용할 수 있다고 하여서 해당 플러그인을 설치하기로 했다. 설치 방법은 jekyll-gist에 대한 github 페이지를 참고했다.

Gemfile에 추가해주고, 설치를 한다.

$ cat Gemfile
source 'https://rubygems.org'
gem 'jekyll'

group :jekyll_plugins do
  gem "jekyll-paginate"
  gem "pygments.rb"
  gem "jekyll-gist"
end

$ bundle install

config.yml에 추가해준다.

gems:
  - jekyll-paginate
  - jekyll-gist

포스팅에서 사용하기

글에서 해당 코드를 삽입할 부분에 아래와 같이 작성해주면 된다.

{% gist gloriaJun/1c5ab4a539f882e22daccb1fb2a1fe94 %}

동일한 링크에서 특정 파일만 삽입하는 경우에는 아래와 같이 사용한다.

{% gist gloriaJun/814c7df5ab0bb8600bd3ab459488698b index.html %}