* 티스토리 소스 꾸미는 방법
1. 아래 사이트에서 압축 파일을 다운 받는다.
- 파일 다운로드 : http://alexgorbatchev.com/SyntaxHighlighter/download
2. 압축을 해제하고 필요한 cripts 폴더(js파일), styles(css파일) 을 관리자모드 -> HTML/CSS -> 파일 업로드에 업로드 한다.
[참고] css 파일은 shCore.css, shThemeDefault.css 만 업로드 하면 된다.
3. 업로드가 끝났으면, HTML/CSS 편집에서 Skin.html 란에서 <head>...</head> 사이에 사용할 script(js파일)와 css 파일을 등록해준다.
|
<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> |
4. 마찬가지로 HTML 에서 소스를 입력할 부분을 찾아 아래와 같이 사용하면 된다.
|
<pre class="brush:c">
소스 내용
</pre> |
