티스토리 뷰

 

 

 

SyntaxHighlighter2.X와 SyntaxHighlighte 3.X  둘 다 설치해 보았는데.. 로딩속도는 나아졌는데.. 소스아이콘, 복사아이콘 등이 SyntaxHighlighter2.X 에만 나와서 다시 3.X에서 2.X로 버전을 내려서 깔았다. 어째서 버전 3보다 2가 더 좋은거지?

- jamesku -



[SyntaxHighlighter 설치하기]

1. SyntaxHighlighter 다운받기

   다운로드 주소
   http://alexgorbatchev.com/SyntaxHighlighter/download/

   바로 내려받기 ---->

syntaxhighlighter_2.1.382.zip



2. 압축풀고 tistory 관리자에 올리기
   
   압축을 풀고 나서 scripts와 styles의 하위에 있는 파일들을
   관리자 > HTML/CSS편집 > 파일업로드에서 추가를 눌러서 모두 올린다.
  
3. tistory 관리자에 스크립트 추가하기
 
   관리자 > HTML/CSS편집 > HTML/CSS의 skin.html 에서 <title> 아래 </head> 사이에 아래 소스를 추가해준다.
  
  

   




















   



4. SyntaxHighlighter 적용하기  

<pre class="brush: html">
... code here ....
</pre>

<pre class="brush: javascript">
... code here ....
</pre>

<pre class="brush: java">
... code here ....
</pre>

< preclass="brush: sql">
... code here ....
</pre>

<pre class="brush: text">
... code here ....
</pre>

 

[참고]
SyntaxHighlighter 상세설명
http://alexgorbatchev.com/wiki/SyntaxHighlighter

SyntaxHighlighter 위키(한국어)
http://ko.wikipedia.org/wiki/%EA%B5%AC%EB%AC%B8_%EA%B0%95%EC%A1%B0

SyntaxHighlighter 2.X를 tistory에 적용하기.
http://gyuha.tistory.com/225

SyntaxHighlighter 3.X를 tistory에 적용하기.
http://gyuha.tistory.com/405


댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/03   »
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
글 보관함