블로그에 소스 코드 보기 좋게 넣기 (SyntaxHighlighter, 코드 구문 강조, 티스토리)

정리중........................ 

http://alexgorbatchev.com/SyntaxHighlighter/ 에서 다운로드

syntaxhighlighter_3.0.83.zip

  

압축 풀면 나오는 여러 폴더 중 scripts, styles 폴더의 파일을 업로드해야 한다. 

다음 위치에 scripts 폴더 내의 파일을 모두 업로드 한다. 

TISTORY 관리 -> 꾸미기 -> HTML/CSS 편집 -> 파일 업로드 

모두 올리지 않고 필요한 파일만 올려도 된다. 

단, shCore.js 는 반드시 필요하다. 

styles 폴더의 shCore.css 파일과 적용하고 싶은 테마 파일을 올린다. (여기서는 기본값을 적용) 

shCore****.css 라는 파일은 shCore.css 와 테마 파일을 합친 것이다. 

shCore.css , shTheme****.css 파일을 올리든지 아니면 shCore****.css 파일 하나를 올리면 된다. 

다음 위치로 이동한다. 

TISTORY 관리 -> 꾸미기 -> HTML/CSS 편집 -> HTML/CSS 

</head> 앞에 아래 내용을 써준다.

또는

그 다음 </body> 앞에 아래의 내용을 써준다.

저장하고 글을 작성해 본다.
작성시 HTML로 써야 한다.

<pre class=" brush: c"> /** * SyntaxHighlighter */ #include &amp;amp;lt;stdio.h&amp;amp;gt; int main(int _argc, char** _argv) { printf("코드 삽입 테스트\n"); return 0; } </pre>

확인해보면 아래와 같이 나타난다.

    
/**
 * SyntaxHighlighter
 */

#include <stdio.h>

int main(int _argc, char** _argv)
{
    printf("코드 삽입 테스트\n");
    return 0;
}

Hoya_TISTORY_SyntaxHighlighter_Code.txt