티스토리에 소스코드 이뿌게 넣기 - syntaxhighlighter 이용하기

티스토리에 소스코드 이뿌게 넣기 - syntaxhighlighter 이용하기

syntaxhighlighter_2.0.287.zip

1. 상위의 첨부된 파일을 다운 받습니다.

2. 첨부된 파일의 압축을 풀어 티스토리 관리자모드의

 꾸미기 메뉴 -> HTML/CSS 편집 ->파일 업로드에서

확장자가 js와 css인 파일을 모두 업로드합니다.

<파일 올리는 경로>

<js파일과 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 type="text/css" rel="stylesheet" href="./images/shCore.css"/>

<link type="text/css" rel="stylesheet" href="./images/shThemeDefault.css"/>

<script type="text/javascript">

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

SyntaxHighlighter.all();

</script>

4. 글쓸때 작성하실 코드에 따라서

<pre class=brush:javascript>자바스크립트 소스코드</pre>

<pre class=brush:python>파이썬 소스코드</pre>

<pre class=brush:java>자바소스코드</pre>

.

.

.

여러분이 원하시는 소스코드를 넣으시고 작성하시면 됩니다.

syntaxhighlighter 를 이용하면 티스토리에 소스코드를 이뿌게 

다른 사람들이 보기 편하게 넣으실 수 있습니다.