SyntaxHighlighter 를 사용해 보자

아무래도 내가 IT 사람이다 보니, 명령어라든가 코드라든가 그런걸 기록할 일이 많을거 같다.
인터넷 돌아다니다 보면, 그런것들이 칼라풀하게 기록되어 있는걸 많이 봤었다.
저건 어떻게 하는거지?? 그래서 인터넷을 검색해봤다.

오~
http://alexgorbatchev.com/SyntaxHighlighter
이거다. 찾았다.

다들 이걸 사용하는지는 잘 모르겠지만, 암튼 좋아보인다.
공짜니까.

블로그에 적용해보자.
친절하게도 먼저 삽질을 한 사람들이 인터넷에 자세히도 설명을 써놨다.

http://gommoo.blogspot.kr/2012/09/blogspot-syntaxhighlighter.html
나는 여기에 있는 내용을 따라 했다.



글을 작성하고 미리보기를 클릭했는데,

........ 안된다

잉? 내가 뭔가 잘못했나??

다른 인터넷 문서를 찾아봐도, 동일한 방식으로 포스팅 되어 있었다.
한참 삽질을 하다가~~ 혹시 설마(?) 하고 게시를 클릭해서 보니 잘 작동되는 것이었다!!



휴..... 되긴 되는군.
암튼, 게시를 해야만 최종적으로 잘 보인다는 것이다~~

http://makingappfor.blogspot.kr/2013/05/blogger.html
그리고 여러 언어를 추가하고 싶었다.
그래서 다른 포스트를 보고 script를 더 추가했다.

<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css">
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css">
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'/>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();
</script>

이제 칼라풀하게 작성할 수 있게 되었다. 만세~~~~~~~



※ 모바일에서는 안 보여요 ㅠㅠ