목표

1. syntax_highlighter가 정상작동하지 않는 문제 해결

문제

깃 블로그에서 syntax_highlighter가 제대로 동작을 안하는 것 같다. 코드 블럭(```)을 사용한 게시글은, 코드 블럭 밑의 줄글이 배경으로 밀려나고 동시에 화면 하단에 위치하여야 하는 Disqus도 함께 글의 중간으로 밀려나게 됨.

해결

• 라인 넘버 설정 삭제

  처음엔 라인 넘버를 임의로 추가해서 발생한 문제라 생각하여 옵션을 없앴으나, 문제 유지.

• 깃페이지 폴더에서 rouge 설치

  rouge란? jekyll에서 syntax highlighting 기능을 지원하는 하이라이터. Pygments는 Jekyll 3부터는 지원하지 않는다.

  생각해보니 루비, 젬 등만 설치하고 rouge는 설치하지 않았기에 설치 후 rougify로 원하는 신택스 하이라이터를 넣을 것이다. => 신택스 하이라이터로는 monokai.sublime 설치했고, 레퍼1 내용을 그대로 따라하되 _layouts/default.html이 아니라 _includes/head.html에,
  ```html

  ``` 을 입력함.

• _config.yml에서 syntax_highlighter_opts을 아예 삭제
• md파일에서 밀려나는 코드블럭 앞 뒤로 엔터 추가

결과

정상작동

레퍼런스

1. moon9342 - jekyll-rouge
2. richwerden - line numbers in jekyll code
3. 지킬 이슈 4619