Jekyll에서는 코드를 삽입하는 문법을 지원해 준다. 물론 Markdown언어는 이미 코드를 삽입하는 문법이 존재하지만, Jekyll에서 지원하는 문법과 어떤 차이가 있는지 알아보자.

Markdown의 코드삽입

Markdown의 코드삽입 문법은 '~~~ code ~~~'사이에 코드를 입력하는것이다.
아래는 markdown문법으로 코드를 삽입한 예이다.

def show
  @widget = Widget(params[:id])
  respond_to do |format|
    format.html # show.html.erb
    format.json { render json: @widget }
  end
end

Jekyll의 코드삽입

Jekyll에서는 {% highlight ruby %} ~ {% endhighlight %} 사이에 코드를 입력하게 된다.
아래는 Jekyll로 표현한 코드삽입이다. markdown과 어떤 차이가 있는지 살펴보자.

def show
  @widget = Widget(params[:id])
  respond_to do |format|
    format.html # show.html.erb
    format.json { render json: @widget }
  end
end

~~~ 와 {% highlight ruby %}의 차이?

위에서 살펴봤듯 ~~~로 작성할 경우에는 코드를 그저 코드구문 안에 넣어줄 뿐이지만,
지킬에서 지원하는 {% highlight ruby %}를 이용하여 코드를 삽입할 경우
코드의 기능별로 컬러를 적용하여 가독성을 높여준다.

줄번호 삽입

코드를 삽입할 때 줄번호도 생성하여 삽입할 수 있다.
{% highlight ruby linenos %}를 이용하여 코드를 삽입하게되면 줄번호도 생성된다.

def show
  @widget = Widget(params[:id])
  respond_to do |format|
    format.html # show.html.erb
    format.json { render json: @widget }
  end
end

---