http://alexgorbatchev.com/SyntaxHighlighter
오른쪽 메뉴의 download -> 3.083 다운
다운후 압축해제티스토리 관리의 HTML/CSS 편집 -> 파일업로드추가 눌러서 아래 파일을 추가
scipts폴더의 shCore.js, styles폴더의 shCore.css, styles폴더의 shThemeDefault.css
자바소스를 사용할 시엔 scripts 폴더의 shBrushJava.js을 추가해주면된다.
완료후 HTML/CSS로 돌아와서
<head>다음 부분에
<script type="text/javascript" src="./images/shCore.js"></script>
<script type="text/javascript" src="./images/shBrushJava.js"></script>
<link rel="stylesheet" type="text/css" href="./images/shCore.css">
<link type="text/css" rel="stylesheet" href="./images/shThemeDefault.css">
<script type="text/javascript">SyntaxHighlighter.all();</script>
을 붙어넣어준다.
설정은 완료되었다.티스토리에서 글을 쓸때
HTML을 체크한후
<pre class="brush:java">
자바소스
</pre>
이런식으로 올리면 된다.
프로그래밍/정보
소스 깔끔하게 올리기 SyntaxHighlighter
댓글