티스토리 뷰

간혹 블로그를 보다보면 프로그램 코드가 이쁘게 표기되는 경우가 있지요.
블로그 플러그인형태로 제공되는 코드 하일라이트 기능인데요.
아직 티스토리에서는 정식으로 해당 플러그인을 제공하지 않기때문에
많은 분들이 직접 셋팅(?) 을 해서 사용하고 있는것 같더군요.
특히 많이들 쓰시는 것이 '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>

조금 번거럽긴 하지만 블로그에서 코드를 참조하시는 분들께는 큰 도움이 될 것같습니다.

댓글
  • 프로필사진 Favicon of http://hangunsworld.com Han Sanghun 워드프레스에는 GeSHi(http://qbnz.com/highlighter/)를 사용한 WP-Syntax(http://wordpress.org/extend/plugins/wp-syntax/) 플러긴이 있어서 편리한데... 티스토리는 아직 플러긴이 없나보군요... 2008.01.03 00:08 신고
  • 프로필사진 Favicon of https://koko8829.tistory.com 열이아빠 텍스트큐브쪽에는 플러그인이 추가되었는데
    아직 티스토리쪽에는 반영이 안된것같습니다.
    티스토리쪽은 사용자가 많아서 그런지
    플러그인 추가시 여러 생각할것이 많은것 같네요.
    2008.01.04 07:34 신고
댓글쓰기 폼