티스토리 소스코드 넣기 (HTML 양식)

syntaxhighlighter_2.0.287.zip

1. 위에 syntaxhighlighter_2.0.287.zip 파일을 다운받아서 압축을 푼다.


2. 그다음 티스토리 관리자 모드로 들어간뒤, 왼쪽메뉴에 [꾸미기]-[HTML/CSS 편집]-[파일업로드]란에서 조금전에 다운 받은 압축푼 파일 (폴더안에 있는것들) 모조리 다 올린다.

3. 하나도 남기지 않고 파일을 다 업로드 시켰다면 [꾸미기]-[HTML/CSS 편집]에서 skin.html 란에 </head>라고 적힌부분 바로 윗줄에 아래와 명령문을 넣어주고 저장한다!

<link rel="stylesheet" type="text/css" href="./images/SyntaxHighlighter.css">
<script type="text/javascript" src="./images/shCore.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 rel="stylesheet" type="text/css" href="./images/shCore.css"><link rel="stylesheet" type="text/css" href="./images/shThemeDefault.css"> 
<script type="text/javascript"> SyntaxHighlighter.config.clipboardSwf = './images/clipboard.swf'; SyntaxHighlighter.all();</script>

3. 이제 준비는 끝났다! 적용이 됐는지 확인하기위해 아무게시판에서 글을 써보자! 글작성 하기이전에 아래 사진처럼 HTML 란에 체크를 꼭 해주자!

4. 자 이제 코딩을 적게 되는데 이때 아래와 같은 코드를 입력하고 ...소스코드... 부분을 지우고 안에 소스코드를 작성하면 된다 ^ ㅡ^
 

<pre class=brush:javascript> 
   ... 소스코드 ...
</pre>


5. 완료하게된다면 다음과 같이 소스코드가 나타나게 된다!

#import 

int main(){
    printf("wow!!");
}

※ 여기저기 자료를 모아 재구성하였기에...안된다면...크흙...제가 설명부족이었다고 할수밖에요... 끝까지 읽어주셔서 감사합니다 ^ ㅡ^*