본문 바로가기

LIFE/Tistory

글 소스라인 표시하기 Tistory SyntaxHighlighter

SyntaxHighlighter


인터넷의 사이트에 올라온 소스를 보다보면 보기 좋게 정렬된 경우가 있습니다.

아래와 같이요.

 

출처 : http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html


차이는 있지만 파일 자체를 개인의 서버에 올려서 사용하거나 소스 몇 줄을 추가해도 이용이 가능하다고 합니다.

파일을 이용하지 않고, SyntaxHighlighter의 서비스를 이용하는 방법이 있습니다.


트래픽의 제한이 있다고는 하지만 아직 제 블로그는 방문자수도 적고 이용하는 소스도 없으니 한번 넣어보도록 하겠습니다.


관리자 페이지로 들어가셔야 합니다. 로그인을 하셔야 합니다.

그리고 꾸미기에서 HTML/CSS 편집 skin.html 부분에 </body> 위에 넣어줍니다.

하지만 말로만 해서는 어려우니 이미지로 보여드리겠습니다.

 



위의 코드 부분입니다.

복사하셔서 같은 위치에 넣어주시면 됩니다.


이제 관리자 모드에서 설정이 끝나셨으면 글을 쓰실 때, HTML모드로 전환하여 아래 소스를 넣으신 뒤에 소스 코드를 넣어줍니다.

<pre class="brush: java">
코드
</pre>