Desperate Undergraduate!Desperate Undergraduate!

블로그와 같은 웹 환경에서 소스 코드에 대해 구문 강조 기능을 사용하기 위해서는 추가적인 설정을 해주어야 한다. 이것을 도와주는 것이 SyntaxHighlighter 이다. 여러 버젼이 있지만 그 중에 2.0.320 버젼이 제일 괜찮은 것 같다. 먼저 http://alexgorbatchev.com/SyntaxHighlighter/ 사이트에 접속하여 download 메뉴에서 2.0.320 버젼을 다운로드 받아 적절한 디렉토리에 압축을 해제한다.

압축이 해제된 후 세 개의 디렉토리(scripts, src, styles) 내에 있는 파일을 "스킨 > HTML/CSS 편집" 메뉴로 이동하여 파일 업로드를 이용해서 모든 파일을 업로드를 한다. 그 다음 HTML/CSS 편집 메뉴에서 와 태그 사이에 다음의 태그를 삽입한다.

<SCRIPT src="./images/shCore.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>
<LINK href="./images/shCore.css" type=text/css rel=stylesheet>
<LINK href="./images/shThemeDefault.css" type=text/css rel=stylesheet>
<SCRIPT type=text/javascript>
	SyntaxHighlighter.config.clipboardSwf = './images/clipboard.swf';
	SyntaxHighlighter.all();
</SCRIPT>