이전포스트

[Tip] SyntaxHighlighter - 블로그에 소스 코드를 보기 좋게 삽입해보자

freemmer 2010. 3. 3. 10:27
원문 : 겨자씨님의 블로그 ( http://lovelywolf.tistory.com/420 ), 초보얌님의 블로그 ( http://choboyam.tistory.com/entry/tsyntax )

SyntaxHighlighter는 블로그에 아래와 같이 소스 코드를 표현해줍니다.

public class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello World!");
    }
}

단순히 소스를 보여주는 것이 아니라 소스코드를 클립보드에 저장하거나 인쇄를 하는 기능도 포함하고 있으므로 유용하다고 판단되어 소개를 합니다.

위의 겨자씨님의 블로그에 보시면 설치 방법부터 적용까지 아주 쉽게 설명을 해 놓으셨습니다.

요약하자면...
01. 홈피서 최신 버전을 다운로드 받아 scripts와 styles 폴더에 있는 파일들을 모두 업로드 한다.
02. tistory의 경우 skin.html의 맨아래 (</body>바로 위쪽에 아래의 코드를 삽입한다.






















03. 자신이 원하는 테마를 설정한다. (저의 경우는 shThemeFadeToGrey.css)
04. 저장하고 사용한다. (사용하기 예는 아래를 참고한다)
<pre class="brush: java">public class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello World!");
    }
}
</pre>


SyntaxHighlighter의 다운로드는 여기서 ( http://alexgorbatchev.com/SyntaxHighlighter/ ) 하실 수 있으며, 더욱 자세한 설명을 보시려면 제작사 홈피에서 정보를 얻으실 수 있습니다.
반응형