티스토리 Syntax highlighter 적용하기

출처 - http://lifehacker.kr/252

가끔 게시물을 작성하다 보면, 코드를 적어야 하는 경우가 생깁니다. 그럴대 사용하는 SyntaxHighlighter 를 티스토리에 적용시키는 과정을 보겠습니다. SyntaxHighlighter 의 최신버전은 3.0.83 입니다.

여러 블로거들이 이 SyntaxHighlighter 의 사용방법을 작성했지만, 저는 그걸 따라 해도 안되더군요. 이유는 물론 모르겠습니다. 하지만 어찌어찌 하다보니 적용이 잘 되어서 작성방법을 남깁니다.

1. 아래의 파일을 다운로드 하여 폴더안의 내용물 전부를 스킨에 업로드 합니다.

2. HTML/CSS 편집에서 </head> 위에 아래의 코드를 입력해 넣습니다.

※ 더블클릭하면 전체코드가 선택되는데, 블로그에 더블클릭으로 상하이동 스크립틀를 넣어 놔서 좀 불편해지는군요.
※ 더블클릭 시 전체코드가 선택 됩니다.

3. 글 작성시에는 아래와 같이 작성하시면 됩니다.

?

1 2 3

<pre class="brush: html"> ... 코드 입력... </pre>

알림글 ▼

이 글에 사용된 코드와 적용방법의 출처는 BLUBnLIVE님의 '티스토리에 Syntax Highlighter 3.0.83 적용하기' 입니다.
SyntaxHighlighter 의 특징이나 3.0의 변경사항 등은 홈페이지나 BLUEnLIVE's ZockrWorld 에서 확인 바랍니다.

Read more: http://lifehacker.kr/252#ixzz1LFtiq2kI