'구문강조'에 해당되는 글 1건
SyntaxHighlighter 2.0.320SyntaxHighlighter 2.0.320
Posted at 2011. 4. 9. 22:20 | Posted in 카테고리 없음
블로그와 같은 웹 환경에서 소스 코드에 대해 구문 강조 기능을 사용하기 위해서는 추가적인 설정을 해주어야 한다. 이것을 도와주는 것이 SyntaxHighlighter 이다. 여러 버젼이 있지만 그 중에 2.0.320 버젼이 제일 괜찮은 것 같다. 먼저 http://alexgorbatchev.com/SyntaxHighlighter/ 사이트에 접속하여 download 메뉴에서 2.0.320 버젼을 다운로드 받아 적절한 디렉토리에 압축을 해제한다.
압축이 해제된 후 세 개의 디렉토리(scripts, src, styles) 내에 있는 파일을 "스킨 > HTML/CSS 편집" 메뉴로 이동하여 파일 업로드를 이용해서 모든 파일을 업로드를 한다. 그 다음 HTML/CSS 편집 메뉴에서 와 태그 사이에 다음의 태그를 삽입한다.
01.<SCRIPT src="./images/shCore.js" type=text/javascript></SCRIPT>02.<SCRIPT src="./images/shBrushBash.js" type=text/javascript></SCRIPT>03.<SCRIPT src="./images/shBrushCpp.js" type=text/javascript></SCRIPT>04.<SCRIPT src="./images/shBrushCSharp.js" type=text/javascript></SCRIPT>05.<SCRIPT src="./images/shBrushCss.js" type=text/javascript></SCRIPT>06.<SCRIPT src="./images/shBrushDelphi.js" type=text/javascript></SCRIPT>07.<SCRIPT src="./images/shBrushDiff.js" type=text/javascript></SCRIPT>08.<SCRIPT src="./images/shBrushGroovy.js" type=text/javascript></SCRIPT>09.<SCRIPT src="./images/shBrushJava.js" type=text/javascript></SCRIPT>10.<SCRIPT src="./images/shBrushJScript.js" type=text/javascript></SCRIPT>11.<SCRIPT src="./images/shBrushPhp.js" type=text/javascript></SCRIPT>12.<SCRIPT src="./images/shBrushPlain.js" type=text/javascript></SCRIPT>13.<SCRIPT src="./images/shBrushPython.js" type=text/javascript></SCRIPT>14.<SCRIPT src="./images/shBrushRuby.js" type=text/javascript></SCRIPT>15.<SCRIPT src="./images/shBrushScala.js" type=text/javascript></SCRIPT>16.<SCRIPT src="./images/shBrushSql.js" type=text/javascript></SCRIPT>17.<SCRIPT src="./images/shBrushVb.js" type=text/javascript></SCRIPT>18.<SCRIPT src="./images/shBrushXml.js" type=text/javascript></SCRIPT>19.<LINK href="./images/shCore.css" type=text/css rel=stylesheet>20.<LINK href="./images/shThemeDefault.css" type=text/css rel=stylesheet>21.<SCRIPT type=text/javascript>22. SyntaxHighlighter.config.clipboardSwf = './images/clipboard.swf';23. SyntaxHighlighter.all();24.</SCRIPT>
syntaxhighlighter_2.0.320.zip
"I Dreamed A Dream"
