소스코드를 문법에 맞게 색을 입혀주는 멋진 스크립트이다. 내 블로그에 사용중인 버전은 3.0.83 버전이다.

syntaxhighlight 를 다운로드 받기 위해서는 http://alexgorbatchev.com/SyntaxHighlighter/download/ 사이트에 방문하여 받고, 압축파을을 해제 한다.

티스토리에 추가하기 위해서는 아래와 같이 HTML/CSS 편집으로 들어간다.


파일 업로드 탭을 선택후, 압축 해제한 파일중 styles 디렉토리와 scripts 디렉토리에 있는 모든 파일을 업로드 한다.
그 다음 HTML/CSS 편집 탭을 누른뒤, 위와 같이 <title> 아래 부분에 syntaxhighlight 에 필요한 소스를 추가해 준다.
<script type="text/javascript" src="./images/shCore.js"></script>
<script type="text/javascript" src="./images/shBrushAS3.js"></script>
<script type="text/javascript" src="./images/shBrushCpp.js"></script>
<script type="text/javascript" src="./images/shBrushCss.js"></script>
<script type="text/javascript" src="./images/shBrushDiff.js"></script>
<script type="text/javascript" src="./images/shBrushJava.js"></script>
<script type="text/javascript" src="./images/shBrushJScript.js"></script>
<script type="text/javascript" src="./images/shBrushPerl.js"></script>
<script type="text/javascript" src="./images/shBrushPhp.js"></script>
<script type="text/javascript" src="./images/shBrushPlain.js"></script>
<script type="text/javascript" src="./images/shBrushPython.js"></script>
<script type="text/javascript" src="./images/shBrushSql.js"></script>
<script type="text/javascript" src="./images/shBrushVb.js"></script>
<script type="text/javascript" src="./images/shBrushXml.js"></script>
<script type="text/javascript" src="./images/shLegacy.js"></script>
<link href="./images/shCore.css" rel="stylesheet" type="text/css">
<link href="./images/shThemeDefault.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
     SyntaxHighlighter.all()
     SyntaxHighlighter.config.stripBrs = true;
     SyntaxHighlighter.config.stripBrs = "blockquote";
</script>
설치한후 syntaxhighlight 를 사용하기 위해서는 아래과 같이 <blockquote> 태그를 이용하면 편하다. <pre> 태그를 이용하면 <br>태그가 마구 생겨남.ㅜ.ㅜ

<blockquote class="brush: 원하는문법">
코드
</blockquote>

문론 사용하려는 문법에 대한 shBrushxxx.js 파일이 위에 포함되어 있어야 한다. ( 위 예제는 내가 주로 사용하는 문법만 포함해 두었다. )티스토리에서 스킨을 변경하면 이전에 올려 놓았던 소스와, skin.html 수정본이 날라가기 때문에 새로 수정해줘야 한다.그때 사용하기 위해서 기록을 남겨 놓는다.
AND