[Git Blog] Jekyll 코드블럭 테마 설정하기

1. 테마 설치하기

먼저 아래 코드블럭 테마 사이트에 가서 원하는 테마의 이름을 복사한다.
테마 사이트

2. rouge설치

gem install rouge

CMD에서 root폴더에 위와 같이 입력해서 테마를 설치한다.

3. _config.yml 수정.

# Conversion
markdown: kramdown
highlighter: rouge

# Markdown Processing
kramdown:
  input: GFM

4. css파일 다운받기

rougify style 테마이름 > assets/css/syntax.css

원하는 테마의 syntax.css파일이 assets/css 경로에 생성된다.

5. 테마 적용하기

syntax.css 파일을 _scss 폴더에 놓거나 혹은 _syntax.scss 파일이 있을 경우 해당 파일에 덮어씌우기

Reference

https://onda2me.github.io/blog/codeblock/