티스토리에 Syntaxhighlighter 초간단 적용.

소스코드를 블로그에 삽입하기엔

기가 막히게 좋은것 같다.

 

5단계 만으로도 충분하다. 빨간글씨만 잘봐도 이해가 금방될것인데,

의문점은 댓글을 남겨 주시면 답변드리겠습니다.

mediawiki에 적용하는것 보다 훨씬 쉽네요.

 

 

다른 블로그에도 많은 내용들이 있기에 간단하게 적용하는 순서만 나열한다.

 

1. 다운 받는다.

http://alexgorbatchev.com/SyntaxHighlighter/download/

 

이 웹페이지 맨윗줄에 Click here to download라고 있다.

 

2. 받은 파일 압축 풀어둔다.

 

3. 티스토리 'Admin' - '꾸미기' 'html/css 편집' 모드에 가서  파일 업로드 누른다. 그리고 올린다.

 

[scripts]안의 모든 *.js 파일들 과 [styles] 폴더안의 모든 *.css 파일들을 업로드 하면 됨.

 

4. HTML/CSS에서 skin.html 수정해야한다.

</body>, </html> 사이에다가 이거 가져다 붙이면된다.

2012년 7월에 작성해놓고 2016년 2월에 다시 따라서 해봤는데 잘됩니다. 오예

 

</body>

<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/shBrushPython.js"></script>
<script type="text/javascript" src="./images/shBrushSql.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/shThemeEmacs.css">
<script type="text/javascript">
SyntaxHighlighter.all();
</script>

 </html>

* shThemeEmac.css는 내가 저 스타일이 좋아서 쓴것이므로 아무거나 좋은대로 바꿔쓰면 된다. [styles]폴더안에 있는 파일중에 업로드 시킨건 아무거나 다 될것임.

테마 종류 관련 정보는 여기 가면 완벽하게 나와있음

http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/

 

5. 이제 글쓰기 모드로 가서 글을 쓴다.

 

 

저기 HTML 체크하고 나서

 

<pre class="brush:c;">

#include <stdio.h>

int main()

{

printf("HELLO WORLD\n"):

return 0;

}

</pre>

 

이런식으로 하면 끝난다.

브러쉬를 C로 설정했는데 다른게 필요하다면 다음의 링크를 참조해주시길..

http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/