SyntaxHighlighter 설치. 블로그에서 소스코드를 보기 좋게~

어제 상규님과 블로그와 스킨에 대한 잡담을 하면서 나온 내용이 티스토리에도 기본적으로 제공하지 않은 기능들을 사용할 수 있다는 것이었습니다.

예전에는 그냥 기본 제공하는 블로그에서는 제공해 주는 기능만 쓸 수 있고 추가적인것은 못쓸거 같은 생각을 하고 있었는데 생각해 보니 얼마전에 W위젯도 설치했었더군요 -ㅅ-; 그거랑 같은 원리로 설치할 수 있다는 것이었습니다.

그래서 찾다 보니
SyntaxHighlighter라는게 있었고
아래의 사이트에 아주 쉽게 설명이 되어 있더군요 ^^
http://gyuha.tistory.com/193

아래의 주소로 들어가서
http://code.google.com/p/syntaxhighlighter/

현재 최신 버전인 SyntaxHighlighter_1.5.1.rar를 다운받은후

SyntaxHighlighter_1.5.1.rar

스킨편집기로 들어가서 필요한 파일들을 업로드 하고 스킨직접 수정모드로 들어가서 필요한 CSS들과 JavaScript들을 지정해 주면 됩니다.


설치시 주의해 주셔야 될 부분이 있는데 우선 경로를 주의해 주셔야 되고
아래의 문구는 마지막에 넣어 주셔야 됩니다.
<script class="javascript"> dp.SyntaxHighlighter.ClipboardSwf = './images/clipboard.swf'; dp.SyntaxHighlighter.HighlightAll('code'); </script>

아래는 C소스 코드 예제입니다.
<pre>나 <textarea>태그에서 name="code" class="c" 로 지정해주면 됩니다.
#include <stdio.h> int main(int argc, const char* argv[]) { printf("Hello World!!\n"); }
class는 언어별로 다르게 지정해주면 됩니다.