Syntax Highlight 넣기

유용한 팁

mind10 2014. 5. 15. 00:44

일단 다음 사이트에서 최신 버전을 다운받는다.

압축 파일을 풀어보면 여러가지 파일이 나오는데,

그중 Script 폴더와 Styles 폴더에 있는 js, css파일을 전부 티스토리

HTML/CSS 편집 -> 파일업로드에 업로드한다.

그럼 그 파일들은 images/ 폴더 아래에 저장된다.

HTML/CSS 편집에서 <head> </head> tag 사이에 css, js를 다음과 같이 추가한다.

티스토리에서 실제 Syntax Highlight 를 집어넣기 위해서는

다음과 같이 사용한다.

Code1
Code2
Code3

위의 방법은 사용자가 계속 syntax highlight가 업데이트 될때마다 업로드 시켜줘야 한다.

그래서 최신 파일을 호출하기 위해서 개발자 사이트에 직접 연결하는 방법이 있다.

먼저 Skin.html의 head안에 다음과 같이 삽입.

만약 Theme를 변경하고 싶으면 위의 소스중 마지막 줄의 shThemeDefault.css를 다른 것을 바꿔준다..

그리고, skim.html의 body 의 마지막, </body></html> 앞에 다음의 코드를 삽입한다.

언어에 따른 브러쉬 종류는 다음과 같다.