티스토리에 Code Highlight 설정 방법(2017.04.24 version)

티스토리에 코드를 넣을때 불편한 점이 매우 많음

따라서 코드 양이 많을 때 이를 예쁘게 보이게 하는 방법을 찾다 보니 syntax hightlighter라는 것이 눈에 들어옴

syntax highliter의 공식 사이트는 http://alexgorbatchev.com/SyntaxHighlighter/ 이다.

여기에서 다운로드가 아닌 hosting 으로 highlighter를 적용해본다.

아래쪽에 내려가보면 이렇게 되어있다.

적용 방법

1. 티스토리 관리자 페이지 접속

2. HTML/CSS 편집 클릭

3. header 부분에 다음과 같은 부분 입력

입력 후 각 글마다 html모드로 넘어간 후

<pre class="brush: 사용할 언어">

내용

</pre>

이렇게 사용한다.