SyntaxHighlighter 가 무엇인가.. 바로 아래와 같이 블로그에 프로그램코드를 깔끔하게 보여주도록 해주는 것이다.
public class Hello4 {
public static void main(String[] args) {
System.out.println("안녕하세요!! JAVA를 즐깁시다.");
}
}
가장 먼저 프로그램을 받아 블로그에 적용시켜야한다.
http://alexgorbatchev.com/SyntaxHighlighter/
위에서 다운받자. 현재 가장 최신버전은 syntaxhighlighter_3.0.83 이다.
압축을 풀면 폴더들이 보이는데 여기서 필요한것은 styles 와 scripts 폴더이다. 이 둘 안에있는 파일들을 티스토리 관리모드 HTML/CSS 편집 에서 파일 업로드로 모두 올려버리자.
그리고나서 HTML편집의 skin.html 의 <head>아래 부분에 아래 코드를 입력하여 자바 스크립트 파일을 적용시키자.
<!-- syntax highlight -->
<script type="text/javascript" src="./images/shCore.js">
<!-- code syntaxhighlighter -->
<script type="text/javascript" src="./images/shCore.js"></script>
<script type="text/javascript" src="./images/shBrushAS3.js"></script>
<script type="text/javascript" src="./images/shBrushAvs.js"></script>
<script type="text/javascript" src="./images/shBrushBash.js"></script>
<script type="text/javascript" src="./images/shBrushCpp.js"></script>
<script type="text/javascript" src="./images/shBrushCSharp.js"></script>
<script type="text/javascript" src="./images/shBrushCss.js"></script>
<script type="text/javascript" src="./images/shBrushDelphi.js"></script>
<script type="text/javascript" src="./images/shBrushDiff.js"></script>
<script type="text/javascript" src="./images/shBrushGroovy.js"></script>
<script type="text/javascript" src="./images/shBrushJava.js"></script>
<script type="text/javascript" src="./images/shBrushJavaFX.js"></script>
<script type="text/javascript" src="./images/shBrushJScript.js"></script>
<script type="text/javascript" src="./images/shBrushMsx.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/shBrushPowerShell.js"></script>
<script type="text/javascript" src="./images/shBrushPython.js"></script>
<script type="text/javascript" src="./images/shBrushRuby.js"></script>
<script type="text/javascript" src="./images/shBrushScala.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 rel="stylesheet" type="text/css" href="./images/shCore.css">
<link rel="stylesheet" type="text/css" href="./images/shThemeDefault.css">
<script type="text/javascript">
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = './images/clipboard.swf';
SyntaxHighlighter.all();
</script>
<!-- code syntaxhighlighter -->
입력이 끝나면 저장을 한 후 글을 써보자.
<pre class="brush: java">소스코드 작성
</pre>
brush 뒤에 자바 뿐만아니라 지원할 수 있는 언어가 매우 많다. 더 자세한 내용은 홈페이지를 참조하길 바란다.