티스토리 블로그에 코드 하이라이팅 기능을 넣어보자

SyntaxHighlighter 받으러 가기~

최신 파일을 다운받은 다음에 압축을 풀어 주면 폴더가 여러개 보이는데

scripts와 styles의 파일만 업로드 시켜준다
(폴더 통째로 올리는게 아니다 파일만 올려야 한다;)

이렇게 올려준 다음에...

skin.html에 아래 코드를 복사해서 붙여준다

<script type="text/javascript" src="./images/shCore.js"></script>

<script type="text/javascript" src="./images/shBrushAS3.js"></script>

<script type="text/javascript" src="./images/shBrushBash.js"></script>

<script type="text/javascript" src="./images/shBrushColdFusion.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/shBrushErlang.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/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/shBrushSass.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>

<font class="Apple-style-span" color="#333333" face="나눔고딕"><link type="text/css" rel="stylesheet" href="./images/shCore.css">

<link type="text/css" rel="stylesheet" href="./images/shThemeDefault.css">

   

<script type="text/javascript">

//<![CDATA[

SyntaxHighlighter.config.bloggerMode = true;

SyntaxHighlighter.all();

//]]>

</script>

</font>

이제 글쓰기를 할때 HTML 모드로 바꿔놓고

<pre class="brush:java">
코드 내용 

</pre>

이렇게 써주면 깔끔하게 잘 나온다
코드 하이라이팅 기능을 위해서 HTML 모드로 작업을 하면 상당히 불편하다
그래서 가능하면 미리 사진과 글을 써놓고 마지막에 수정해주는 것이 좋다

어쨌든 위와 같이 해준 다음에 코드를 써주면 이렇게 나온다

package Tip;

import java.util.*;

public class Tip {

	public static void main(String[] args) {
		String[] arr = { "흐", "끄", "가", "날", "꽥" };
		Arrays.sort(arr);
		System.out.println(Arrays.toString(arr));
	}

}

지원되는 언어는 아래와 같다