블로그 꾸미기

티스토리 코드 강조(SyntaxHightlighter) 적용하기 (2)

crazyits 2013. 7. 12. 17:26
반응형

skin.html 을 수정하고 파일을 업로드 하여 SyntaxHightlighter 적용하였다.

http://crazyits.tistory.com/114  티스토리 코드 구문 강조(SyntaxHightlighter) 적용하기 (1)


2. SyntaxHightlighter의 서버를 이용하는 방법

호스트를 이용하면 트래픽(?)을 감소시킬수 있다.

그렇지만 해당 서버에 그 트래픽을 주는 것이므로 적용하는 것은 개인의 선택이다.

단점이라면 저쪽에서 읽어오는 것이기 때문에 속도, 그리고 블로그가 살아있어도 

호스팅되는 서버가 죽으면 코드 강조가 작동되지 않는다.

1. 적용을 하기 위해서는 티스토리 관리자 페이지로 갑니다.

2. 좌측의 메뉴를 보면 HTML/CSS 편집이 있습니다. 이것을 선택

3. 우측에 skin.html을 편집할 수 있는 화면이 나옵니다. skin.html에서


부분을 찾습니다.

4. 그 아래에 다음과 같은 형태로 입력을 합니다.









위처럼 입력을 하면 됩니다. 적용은 개인의 취향에 맞게 선택하면 됩니다.

일정한 규칙이 있기 때문에 쉽게 할수 있습니다.

규칙은 다음과 같은 형태 입니다.


src=" 에 있는 내용만 호스팅되는 서버 주소를 적어주면 됩니다.
이 주소는 
http://alexgorbatchev.com/pub/sh/해당하는 버전/scripts/적용하고자 하는 언어 
Brushhttp://alexgorbatchev.com/pub/sh/해당하는 버전/styles/적용하고자 하는 테마

주의점 shCore.js는 꼭 포함이 되어야 됩니다.


그외의 다른 사항들은 http://crazyits.tistory.com/114

또는 http://alexgorbatchev.com/SyntaxHighlighter/ 참고

반응형