목표
- 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파일에서 밀려나는 코드블럭 앞 뒤로 엔터 추가
결과
정상작동
레퍼런스
- moon9342 - jekyll-rouge
- richwerden - line numbers in jekyll code
- 지킬 이슈 4619