블로그스팟 동적뷰에 SyntaxHighlighter 설정

티스토리만 쓰다가 블로그스팟을 좀 해볼까 하는 마음에

블로그스팟에 동적뷰로 블로그를 하나 만들었습니다.

그런데 소스를 첨부할려니 아무래도 SyntaxHighlighter 가 그립더군요.

티스토리에는 SyntaxHighlighter 를 설정을 해놓은지 오래되서

기억도 안나서 구글링해봤습니다.

꽤 많은 자료가 나왔지만, 제대로 되는게 없더군요..

검색하다보니 아무래도 동적뷰가 영향을 미치는게 아닐까 싶네요..

하다보니 이 방법이 제일 잘 되는거 같습니다.

SyntaxHighlighter 를 쓰실 분들은 참고하세요.

위의 캡쳐와 같이 블로그 설정에서 '템플릿'을 선택합니다.

선택하면 위와 같은 화면으로 나오는데요.

'사용중인 디자인' 에서 'HTML 편집'을 선택하세요.

'HTML 편집' 창에서 head 태그 닫기 전에 스크립트를 위와 같이 넣어주세요.

편하게 밑의 내용을 복사해서 넣으시면 됩니다.

<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/2.1.382/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shCore.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCpp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCSharp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushCss.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJava.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPhp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPython.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushRuby.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushSql.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushVb.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushXml.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushPerl.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/2.1.382/scripts/shBrushBash.js' type='text/javascript'/>
<script language='javascript' type='text/javascript'>
 SyntaxHighlighter.config.bloggerMode = true;
 SyntaxHighlighter.config.clipboardSwf = &#39;http://alexgorbatchev.com/pub/sh/2.1.382/scripts/clipboard.swf&#39;;
 SyntaxHighlighter.defaults[&#39;toolbar&#39;] = false;
 SyntaxHighlighter.all();
</script>

여기까지 하셨으면 준비 완료입니다.

이제 실제로 SyntaxHighlighter 를 반영할 글에 아래의 코드를 작성 글 맽 밑에 넣어주세요.

<script type="text/javascript">SyntaxHighlighter.highlight();</script>

물론 위와 같이 html 편집창으로 바꾸셔야 합니다.

SyntaxHighlighter 는 여러 언어를 지원합니다.

원하는 언어 형태로 brush 를 선택하시면 됩니다.

<pre class="brush:언어">
코드
</pre>

라고 작성하시면 되는데요.

언어 부분에는 원하는 언어의 alias 를 넣어주세요.

브러시에 대한 자세한 설명은

SyntaxHighlighter 홈페이지를 참고하세요.