티스토리 Google SyntaxHighlighter 추가하기

1. http://alexgorbatchev.com/SyntaxHighlighter/download/ 에서 2.0 버전을 받는다.

2. 티스토리에서 스킨으로 간다.

3. 스킨에서 HTML/CSS 편집 으로 이동한다.

4. 파일 업로드를 선택한다.

5. 압풀을 푼 폴더에서 scripts폴더와 styles의 파일들을 전부 업로드한다.

6.  HTML/CSS 편집 으로 이동한다.

7. skin.html에서 </head>밑에다가 코드를 추가해준다.

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

8. Syntax Highlighter Helper에 코드를 치고 복사한뒤 계시판에 붙여 넣는다.