http://alexgorbatchev.com/wiki/SyntaxHighlighter
다운로드 받은 후 편한 위치에 압축을 푼다.
scripts, styles 폴더 안의 모든 파일을 티스토리 블로그에 업로드 하는데,
위치는 관리자페이지 -> 스킨 -> HTML/CSS 편집 페이지에서 파일 업로드가 가능하다.
파일이 모두 업로드 되었으면 HTML/CSS 편집 페이지로 돌아와
skin.html 의 상단 <head> 태그 내에 아래 코드를 삽입한다.
<link href="./images/shCore.css" type="text/css" rel="stylesheet">
<link href="./images/shThemeDefault.css" type="text/css" rel="stylesheet">
<body> 태그 내 하단에
아래 스크립트를 삽입하는 것으로 기본적인 세팅은 끝.
<script src="./images/shCore.js"
type="text/javascript"></script>
<script src="./images/shBrushAS3.js"
type="text/javascript"></script>
<script src="./images/shBrushBash.js"
type="text/javascript"></script>
<script src="./images/shBrushCpp.js"
type="text/javascript"></script>
<script src="./images/shBrushCSharp.js"
type="text/javascript"></script>
<script src="./images/shBrushCss.js"
type="text/javascript"></script>
<script src="./images/shBrushDelphi.js"
type="text/javascript"></script>
<script src="./images/shBrushDiff.js"
type="text/javascript"></script>
<script src="./images/shBrushGroovy.js"
type="text/javascript"></script>
<script src="./images/shBrushJava.js"
type="text/javascript"></script>
<script src="./images/shBrushJScript.js"
type="text/javascript"></script>
<script src="./images/shBrushPhp.js"
type="text/javascript"></script>
<script src="./images/shBrushPlain.js"
type="text/javascript"></script>
<script src="./images/shBrushPython.js"
type="text/javascript"></script>
<script src="./images/shBrushRuby.js"
type="text/javascript"></script>
<script src="./images/shBrushScala.js"
type="text/javascript"></script>
<script src="./images/shBrushSql.js"
type="text/javascript"></script>
<script src="./images/shBrushVb.js"
type="text/javascript"></script>
<script src="./images/shBrushXml.js"
type="text/javascript"></script>
<script type="text/javascript">
SyntaxHighlighter.config.clipboardSwf = './images/clipboard.swf';
SyntaxHighlighter.all();
</script>
syntaxHighliter 를 활용하기 위해 태그 내에 다음과 같은 코드를 삽입하면 활용할 수 있는데
매번 쓸때마다 타이핑하기 귀찮기 때문에 서식형태로 저장하여 필요할 때마다 불러다 쓰면 된다!
<pre class="brush:as3">
// 소스코드
</pre>
package
{
import flash.display.Sprite;
public class Test extends Sprite
{
public function Test()
{
trace( "test" );
}
}
}
actionscript3 외에도 다양한 언어들의 하일라이팅을 지원한다.
다른 언어의 brush 클래스네임은 아래 링크에서 확인
http://alexgorbatchev.com/wiki/SyntaxHighlighter:Brushes
