오늘 syntaxhighlighter 2.0.320 를 블로그에 적용해보았다 상당히 좋다 +_+
까먹기 전에 적어놔야지...

http://alexgorbatchev.com/wiki/SyntaxHighlighter:Download
위 주소에서 syntaxhighlighter 2.0 을 받습니다.(320버전으로 했었다..)
일부러 syntaxhighlighter 2.0.320을 첨부해서 올립니다.

압축을 풀고 내용을 보면 scripts, styles, src 폴더와 text.html, LGPLv3.txt 파일이 있습니다.
티스토리 관리자 페이지->스킨->HTML/CSS 편집에 들어가서 skin.html파일을 추가해야합니다.
HTML수정에서 <head>와 </head>사이에 추가하면 되는데..
편히상 </head>바로 위에 추가하면 쉽습니다..

추가해야 할 코드는 아래 코드를 삽입하면 되고, 만약 scripts, styles, src 폴더의 파일들을 업로드 하기 귀찮으시다 하시는분은 두번쨰 코드를 삽입 하시면 됩니다.
1. 모든파일 업로드 한 경우





















2. 업로드 없이 사용할 경우





















이제 저장하고 파일 업로드화면으로 갑니다(2번에 해당하시는 분은 패스)
scripts, styles, src 폴더에 있는 모든 파일을 그냥 업로드 합니다. 경로가 images/에 들어가도록 그냥 하시면됩니다.
(어차피 폴더생성이나 다른건 절대 안되니 그냥 올리시면 됩니다.)
파일 하나하나 올려야 하는 귀찮음을 이기고 다 올리시면 되구요
다 올리셨다면 이제 준비는 끝났습니다.

테스트를 해보아야지요..

저는 대게 SQL, 과 C#을 사용하는데..테스트 해보겠습니다.
글쓰기 가서 HTML로 전환합니다(우측 맨위에 HTML체크)
글쓰기 박스에

<pre class="brush: c-sharp;">
function test() : String
{
return 10;
}
</pre>

를 추가하고 저장하기 합니다.
function test() : String
{
return 10;
}
위와 같이 나온다면 정상 작동하는 겁니다..
아래 표는 해당 언어별 사용 value 들입니다. 참고하세요
사진출처 : http://note.marines.co.kr/92


저작자 표시
신고
크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by 아르다

댓글을 달아 주세요

티스토리 툴바