본문 바로가기

Tips

티스토리 코드 하이라이트 (Syntax Highlighter) 적용하기

1. SyntaxHighlighter를 다운받는다 


2. 적당한 곳에 압축을 푼다.


3. 티스토리 관리자 → 스킨 → HTML/CSS편집 → 파일 업로드

- 파일업로드 클릭하고 압축 푼 파일 모두 업로드한다.


4. 티스토리 관리자 → 스킨 → HTML/CSS편집 → HTML부분 → 소스넣기
- header 내부에 넣어준 후 저장

<!-- Highlight -->

<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.bloggerMode = true;

SyntaxHighlighter.config.clipboardSwf = './images/clipboard.swf';

SyntaxHighlighter.all();

</script>


- supported languages


5. 글쓸 때 소스 넣기

- 글을 작성할 때 <HTML> 클릭 → 하단 소스 넣기

<pre class="brush:c;">

#include &lt;stdio.h&gt;

int main()

{

printf("HelloWorld");

}

</pre>


  이런식으로 사용하려는 language를 적용 시키면 된다.




#include <stdio.h>
int main()
{
    printf("HelloWorld");
}

'Tips' 카테고리의 다른 글

Eclipse + SVN 연동하기  (0) 2010.04.17
네티즌들이 뽑은 영어공부에 좋은 영화 7편  (0) 2010.02.22
메모 방법 35가지  (0) 2010.02.19
사람이 읽어야할 모든것.  (0) 2009.10.18
1년에 책 100권 읽기  (0) 2009.10.11