코드 하이라이트(SyntaxHighlighter)

 .

배포 사이트 바로가기 (http://alexgorbatchev.com/SyntaxHighlighter/download/)

 

Scripts, Styles 폴더 내의 파일들을 모두 업로드
티스토리 관리 페이지 - HTML/CSS 편집 - 파일 업로드 - 추가

 

아래의 코드를 </body> 앞에 붙여넣습니다.
(티스토리 관리 페이지 - HTML/CSS 편집 - skin.html)

<!-- ★★★ 코드 시작 부분 by Taking ★★★ --> <link rel=stylesheet type="text⁄css" href=".⁄images⁄shCore.css"> <!-- 이 부분이 테마 수정 부분입니다 --> <link rel=stylesheet type="text⁄css" href=".⁄images⁄shThemeDefault.css"> <!-- 테마 종류 리스트 shThemeDefault shThemeDjango shThemeEclipse shThemeEmacs shThemeFadeToGrey shThemeMDUItra shThemeMidnight shThemeRDark --> <script type="text⁄javascript" src=".⁄images⁄shCore.js"><⁄script> <script type="text⁄javascript" src=".⁄images⁄shLegacy.js"><⁄script> <script type="text⁄javascript" src=".⁄images⁄shBrushAppleScript.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> <script type=text⁄javascript> ⁄* SyntaxHighlighter 콘픽 상세설정 부분 *⁄ SyntaxHighlighter.defaults['toolbar'] = false; ⁄⁄ 툴바 설정 (기본값 True) SyntaxHighlighter.defaults['gutter'] = true; ⁄⁄ 라인 번호 설정 (기본값 True) SyntaxHighlighter.defaults['tab-size'] = 4; ⁄⁄ 탭 사이즈 설정 (기본값 4) SyntaxHighlighter.defaults['first-line'] = 1; ⁄⁄ 라인 시작 숫자 (기본값 1) SyntaxHighlighter.defaults['auto-links'] = true; ⁄⁄ 링크 설정 (기본값 true) SyntaxHighlighter.all(); <⁄script> <!-- ★★★ 코드 끝 부분 by Taking ★★★ -->

예제)
<pre class="brush:c">

#include <stdio.h>

int main(void){

printf("hello world\n");

return 0;

}

</pre>

1 2 3 4 5 6

#include <stdio.h> int main(void){ printf("hello world\n"); return 0; } </stdio.h>

다른 종류의 문법또한 brush aliases 를 바꾸시면 적용됩니다.

'SyntaxHighlighter'에서 지원하는 문법

펌 http://my.taking.kr/26