이 글은 http://leanu.tistory.com/ 에서 수정한것임을 밝힙니다.
1. SyntaxHighLighter 다운받기
2. 압축풀고 TISTORY에 올리기
Tistory 의 자기 블로그 관리 페이지로 들어가서 스킨 -> HTML/CSS 편집 으로 이동한다.
파일 업로드 탭을 눌러서 좀전에 받아놓은 scripts와 styles 폴더내에 있는 모든 파일을 업로드 한다.
업로드가 완료되면 HTML/CSS편집 탭으로 이동하여 skin.html 을 수정한다.
</head> 태그 바로 위에 아래의 코드를 삽입한다.
pre는 여러가지 범용 소스를 붙여넣다보면 사용하기 불편하다. 이런경우
textarea 태그를 사용하면 되는데, textarea 태그를 이용하여 syntax highlighter 를 적용시키려면
1. SyntaxHighLighter 다운받기
syntaxhighlighter_2.0.320.zip2. 압축풀고 TISTORY에 올리기
Tistory 의 자기 블로그 관리 페이지로 들어가서 스킨 -> HTML/CSS 편집 으로 이동한다.
파일 업로드 탭을 눌러서 좀전에 받아놓은 scripts와 styles 폴더내에 있는 모든 파일을 업로드 한다.
업로드가 완료되면 HTML/CSS편집 탭으로 이동하여 skin.html 을 수정한다.
</head> 태그 바로 위에 아래의 코드를 삽입한다.
<script type="text/javascript" src="./images/shCore.js"></script> <script type="text/javascript" src="./images/shLegacy.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.all(); </script>
pre는 여러가지 범용 소스를 붙여넣다보면 사용하기 불편하다. 이런경우
textarea 태그를 사용하면 되는데, textarea 태그를 이용하여 syntax highlighter 를 적용시키려면
관리자 메뉴 -> 스킨 -> HTML/CSS 편집에서 skin.html의 <body> 태크에 OnLoad값을 아래와 같이 넣어야 한다.
3. 글 작성시에, HTML모드로 소스 작성
<textarea name="code" class="cpp">
소스
</textarea>
<body Onload="dp.SyntaxHighlighter.HighlightAll('code');">
3. 글 작성시에, HTML모드로 소스 작성
<textarea name="code" class="cpp">
소스
</textarea>
'About Programing > 03. Tip' 카테고리의 다른 글
| MFC Dialog 꽉찬 화면 (0) | 2010.02.20 |
|---|---|
| MFC Dialog 에서 Enter 와 ESC Key 종료 방지 (0) | 2010.02.20 |
| MFC에서 Client 중복 실행 방지하는 방법 (1) | 2010.02.19 |
| API Hooking (0) | 2010.01.30 |
| CPP에서 MD5 암호화 하기 (2) | 2009.08.19 |
