반응형
간혹 블로그를 보다보면 프로그램 코드가 이쁘게 표기되는 경우가 있지요.
블로그 플러그인형태로 제공되는 코드 하일라이트 기능인데요.
아직 티스토리에서는 정식으로 해당 플러그인을 제공하지 않기때문에
많은 분들이 직접 셋팅(?) 을 해서 사용하고 있는것 같더군요.
특히 많이들 쓰시는 것이 'syntaxhighlighter' 입니다.
설정도 간단하고 사용법도 pre 태그를 사용하여 쉽게 표현할 수 있기때문인듯 합니다.
사용법에 대하여는 아래 내용을 참고하세요.
syntaxhighlighter를 tistory에서 사용 하는 방법.
http://gyuha.tistory.com/193
물론 해당 프로젝트 페이지에서 직접 확인이 가능하긴 합니다.
http://code.google.com/p/syntaxhighlighter
여기까지는 기본적으로 셋팅하시면 되구요.
추가적으로 ActionScript 를 사용하기 위하여는
아래 작업을 더 진행하여야 합니다.
AS3 Syntax Highlighting (with SyntaxHighlighter)
http://www.digitalflipbook.com/archives/2007/09/as3_syntax_high.php
다음 버전에서는 AS3 가 추가된다고 하지만
당장은 안되고 있으니 위에서 제시하는 방법을 따라합니다.
css 파일과
아래 라인을 추가해줍니다.
조금 번거럽긴 하지만 블로그에서 코드를 참조하시는 분들께는 큰 도움이 될 것같습니다.
블로그 플러그인형태로 제공되는 코드 하일라이트 기능인데요.
아직 티스토리에서는 정식으로 해당 플러그인을 제공하지 않기때문에
많은 분들이 직접 셋팅(?) 을 해서 사용하고 있는것 같더군요.
특히 많이들 쓰시는 것이 'syntaxhighlighter' 입니다.
설정도 간단하고 사용법도 pre 태그를 사용하여 쉽게 표현할 수 있기때문인듯 합니다.
사용법에 대하여는 아래 내용을 참고하세요.
syntaxhighlighter를 tistory에서 사용 하는 방법.
http://gyuha.tistory.com/193
물론 해당 프로젝트 페이지에서 직접 확인이 가능하긴 합니다.
http://code.google.com/p/syntaxhighlighter
여기까지는 기본적으로 셋팅하시면 되구요.
추가적으로 ActionScript 를 사용하기 위하여는
아래 작업을 더 진행하여야 합니다.
AS3 Syntax Highlighting (with SyntaxHighlighter)
http://www.digitalflipbook.com/archives/2007/09/as3_syntax_high.php
다음 버전에서는 AS3 가 추가된다고 하지만
당장은 안되고 있으니 위에서 제시하는 방법을 따라합니다.
css 파일과
shBrushAS3.js
을 추가하고아래 라인을 추가해줍니다.
<script class="javascript" src="./images/
shBrushAS3
.js"></script>
그리고 적용은 아래와 같이 하면 된다고 하네요.
<pre name="code" class="actionscript">
... some code here ...
</pre>
... some code here ...
</pre>
조금 번거럽긴 하지만 블로그에서 코드를 참조하시는 분들께는 큰 도움이 될 것같습니다.
728x90