Rouge를 이용하면 코드 부분을 highlight해서 표현할 수 있다.¹

1. ```이용

   document.write("JavaScript is a simple language for javatpoint learners");
   

2. ~~~javascript로 열고 닫을 때

   document.write("JavaScript is a simple language for javatpoint learners");
   function syntaxHighlight(code) {
   var foo = 'Hello World';
   var bar = 100;
   }
   

%highlight javascript %로 열고 % endhighlight % 닫을 때 중간에 코드가 들어가서 list ordering이 다시 1부터 시작하는 문제가 있었다. 마크다운 중간에 삽입하기 위해서는
(1) html layout에서 아래와 같이 css style을 불러오고

<link rel="stylesheet" type="text/css" href="/assets/built/syntax.css" />

(2) 코드 블럭(Code Blocks) 추가 - ``` 혹은 ~~~ 이용 코드 첫 줄과 마지막 줄에 Back quote ( ` ) 또는 물결( ~ ) 3개 삽입해서 추가하자.