SyntaxHighLighter TISTORY에 설치하기

서론
 
전에 저도 설치 할때 쓴 글이 있긴 한데요.
2009/01/24 - [Blog log] - syntaxhighlighter

이번에 스킨 바꾸면서 찾아보니까..
버전업이 되면서, 더 많은 문법을 지원하고 설치 법이 좀 바뀌고,...
암튼 제가 까먹지 않기 위해서라도 써봅니다.


본론(설치법)
 
사이트도 바뀌어서 구 주소로 갔더니 새 사이트 링크가 있더군요.
http://alexgorbatchev.com/SyntaxHighlighter/

제가 설치한 버전은 3.0.83 입니다. 이전에 설치 했던게 1.5.x 였던거 같은데 많은 버전 업이 있었나 봅니다.

암튼 압축을 풀어서
Scripts 폴더 안의 내용물과 styles 안의 내용물을 업로드 해줍니다.
Scripts 폴더 안의 파일 업로드 하실 때, 필요한 문법만 골라서 하셔도 됩니다.
styles 폴더 안의 파일 업로드 하실 때, 필요한 스타일만 골라서 하셔도 됩니다.
(스타일은 글 뒷 부분에..)

받은 SyntaxHighlighter의 압축을 풀고, Scripts 폴더의 내용물 업로드

받은 SyntaxHighlighter의 압축을 풀고, styles 폴더의 내용물 업로드

을 skin.html 끝부분 </body> 앞에 복사&붙여넣기 합니다.
여기서도 필요한 것만 골라서 하시면 됩니다.

skn.html 편집

저는 모두 업로드를 했기 때문에 안쓰는 부분은 따로 모아 주석 처리 했습니다..
다음의 줄도 복사하셔서 붙여 넣기 하시면 됩니다.

or

shThemeXXXX로 된 부분을 원하시는 스타일에 맞게 바꿔주시면 됩니다.

Core로 적용할지 Theme로 적용할지 몰라서 해봤습니다만, 똑같습니다.. 2줄짜리 Theme 수정 하시든 1줄짜리 Core로 수정하시든 결과가 같습니다...


style별 적용 예

shCore

shCoreDefault

shCoreDjango

shCoreEclipse

shCoreEmacs

shCoreFadeToGrey

shCoreMDUltra

shCoreMidnight

shCoreRDark

버그 발견...
<>로 열고 닫으면 위의 예처럼 </>로 닫히는게 보이네요 -_-...
이건 ...-_-...

Useful Blog
Tistory에서 좀더 사용하기 편하게 해주는 방법이 있네요. 링크 올립니다.
http://techbook.tistory.com/entry/tistory-highlight
http://gyuha.tistory.com/405