syntaxhighlighter 2.0 적용하기
Etc. :
2009. 8. 11. 09:42
오늘 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. 모든파일 업로드 한 경우
scripts, styles, src 폴더에 있는 모든 파일을 그냥 업로드 합니다. 경로가 images/에 들어가도록 그냥 하시면됩니다.
(어차피 폴더생성이나 다른건 절대 안되니 그냥 올리시면 됩니다.)
파일 하나하나 올려야 하는 귀찮음을 이기고 다 올리시면 되구요
다 올리셨다면 이제 준비는 끝났습니다.
테스트를 해보아야지요..
저는 대게 SQL, 과 C#을 사용하는데..테스트 해보겠습니다.
글쓰기 가서 HTML로 전환합니다(우측 맨위에 HTML체크)
글쓰기 박스에
<pre class="brush: c-sharp;">
까먹기 전에 적어놔야지...
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>
를 추가하고 저장하기 합니다.
아래 표는 해당 언어별 사용 value 들입니다. 참고하세요
사진출처 : http://note.marines.co.kr/92
를 추가하고 저장하기 합니다.
function test() : String
{
return 10;
}
위와 같이 나온다면 정상 작동하는 겁니다..아래 표는 해당 언어별 사용 value 들입니다. 참고하세요
syntaxhighlighter_2.0.320.zip'Etc.' 카테고리의 다른 글
| Windows Live 메신저에서 내 블로그 소식을 전해보세요! (0) | 2009.09.15 |
|---|---|
| 편리한 화면 캡쳐 프로그램 "오픈 캡쳐" (0) | 2009.09.07 |
| TELNET PROTOCOL SPECIFICATION(telnet commands) (0) | 2009.09.05 |
| 몇장없는 초대장 드립니다~(종료) (24) | 2009.08.24 |
| 김대중 전 대통령 서거.. (1) | 2009.08.19 |
