[Git/GitHub] Jekyll 기반의 GitHub Page 생성(4) - rouge를 이용한 syntax highlighting

rouge 설치

gem install rouge

rougify help style로 사용 가능한 테마 확인. monokai.sublime을 사용하자

터미널에 rougify style monokai.sublime > assets/css/syntax.css를 입력하면

syntax.css 파일이 생성됨

표시한 곳에 아래 코드 복붙

    <!-- syntax.css -->
    <link rel="stylesheet" href="/assets/built/syntax.css">

---

rouge 적용

이렇게 코드를 추가하면

~~~javascript
function syntaxHighlight(code) {
   var foo = 'Hello World';
   var bar = 100;
}
~~~

javascript 문법에 맞춰 색깔이 표시됨

 

출처 : 

Jekyll 기반의 GitHub Page 생성(4) - rouge를 이용한 syntax highlighting