SyntaxHighlighter 를 이용해서 티스토리에 소스코드를 입력 하는 방법
입니다.
http://alexgorbatchev.com/SyntaxHighlighter/download/
접속 후 최신 버전을 다운 로드 합니다.
해당 폴더를 압축 해제후 styles/scripts폳더 안의 파일을
티스토리관리>꾸미기>HTML/CSS편집>파일업로드 메뉴에서 모두 업로드 합니다.
HTML/CSS 탭에서 업로드한 CSS 및 스크립트 파일을 적용 하기 위해서
<head>태그 사이에
<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/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.all();</script>
이 내용을 입력 후 내용 입력시
소스 코드를
<pre class="brush:java">
</pre>
태그 사이에 입력 하면 됩니다.
'개발도구' 카테고리의 다른 글
| 레드마인 윈도우 설치 (0) | 2015.05.14 |
|---|---|
| 프로젝트 일정 관리 프로그램 (0) | 2015.05.14 |
| TortoisSVN 폴더 disconnect (0) | 2015.04.14 |
| HWP관련 파싱 프로그램 (0) | 2015.03.27 |
| maven jar파일 임의 추가 (0) | 2015.03.25 |
