<수정 09.11.22> 이제는 텍스트 큐브 자체에서 지원한답니다. (환경설정 > 글쓰기)


예전 블로그에서는 syntaxhighlighter 를 이용하여 코드를 삽입하였었습니다.
syntaxhighlighter 는 페이지에 코드등을 올릴때 단순히 문자열로 올리는것이 아니라 좀더 가독성있게 올릴수 있는 방법입니다. 백문이불여일견!!

 

public void Study(Doit func)
{
     doit = new Doit(func);
     doit.BeginInvoke(new AsyncCallback(EndCallBack), null);
}

Textcube.com 으로 옮기면서 지원을 하지 않더라구요ㅠ 그래서 어쩔 수 없이 코드 삽입을 그림으로 했어야 했는데 Textcube 업데이트와 다른 방법을 찾아 적용을 해 보았습니다.사용방법은 다음과 같습니다.내 블로그 관리 > 꾸미기 > 스킨편집 으로 가셔서 skin.html 에 다음과 같이 <body> 부분을 수정하고 추가해 주시면됩니다.

 

<body>
<body onload="dp.SyntaxHighlighter.HighlightAll('code');">

 

<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shCore.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shLegacy.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushBash.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushCpp.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushCSharp.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushDelphi.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushDiff.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushGroovy.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushJava.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushPhp.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushPlain.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushPython.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushRuby.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushScala.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushSql.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushVb.js"></script>
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.0.320/styles/shCore.css">
<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.0.320/styles/shThemeDefault.css">
<script type="text/javascript">
SyntaxHighlighter.all();
</script>

 

<PRE class=c-sharp name="code">

</PRE>

http://alexgorbatchev.com/wiki/SyntaxHighlighter:Brushes 를 참조 하세요

 

Posted by LiveDK

댓글을 달아 주세요

  1. 힘눈 2009.07.31 11:07 신고  댓글주소  수정/삭제  댓글쓰기

    멋지네요:) 저도 찾고 있던 기능이었는데. 그리고 <pre class="python" name="code"> ... </pre> 이런식으로 코드 삽입하는 것인지요?

  2. duckii 2009.08.17 18:37 신고  댓글주소  수정/삭제  댓글쓰기

    방법 찾고 있었는데 여기서 찾았네요~ 감사합니다~^^

  3. seongbin 2009.11.22 00:06 신고  댓글주소  수정/삭제  댓글쓰기

    굳이 외부링크로 하지 않아도 되는데...
    "환경설정->글쓰기"에 codehighlighter기능이 추가 되어 있어요.