1. Syntax Highliter Download
http://alexgorbatchev.com/SyntaxHighlighter/download
2. Upload
다운 받은 파일의 압축을 풀고 scripts, styles 폴더 내의 모든 파일을 티스토리에 업로드한다.
3. HTML 수정
티스토리 HTML/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>
<body> 태그의 태그를 다음과 같이 바꾼다.
<body Onload="dp.SyntaxHighlighter.HighlightAll('code');">
4. 적용
<textarea name="code" class="brush:원하는 언어;">
에디터 모드에서 이 사이에 코드를 작성하면 된다.
</textarea>
원하는 언어는 다음과 같이 쓰면 된다
c -> cpp, c
css -> css
java -> java
javascript -> js, jscript, javascript
perl -> perl, pl
sql -> sql
'In My Up Top' 카테고리의 다른 글
| Velog로 이동 (0) | 2021.08.04 |
|---|---|
| 블로그 스킨 종착 (1) | 2017.01.23 |
| 글자색 (0) | 2011.12.28 |