티스토리 뷰

Know How

티스토리 Google SyntaxHighlighter 추가하기

ㅍㅎㅎ공돌이 2010. 9. 7. 07:04

1. http://alexgorbatchev.com/SyntaxHighlighter/download/ 에서 2.0 버전을 받는다.

2. 티스토리에서 스킨으로 간다.

3. 스킨에서 HTML/CSS 편집 으로 이동한다.

4. 파일 업로드를 선택한다.

5. 압풀을 푼 폴더에서 scripts폴더와 styles의 파일들을 전부 업로드한다.

6.  HTML/CSS 편집 으로 이동한다.

7. skin.html에서 </head>밑에다가 코드를 추가해준다.
<!-- SyntaxHighlighter -->
<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>

8. Syntax Highlighter Helper에 코드를 치고 복사한뒤 계시판에 붙여 넣는다.


'Know How' 카테고리의 다른 글

vs2005 코딩 된 코드에러 0xc150002  (0) 2011.01.22
Open API 지도 사용 하기  (0) 2010.11.23
핸드폰 테스트키  (0) 2010.07.03
고아라폰 테스트기능(SCH-W270)  (0) 2010.07.03
SPH-W4700 언락  (0) 2010.07.03
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함