티스토리에 SyntaxHighlighter 적용하기

제목 : 티스토리에 SyntaxHighlighter 적용하기

목적 : 티스토리 블로그에 소스코드를 게시할때 SyntaxHighlight 기능을 하는 JavaScript 라이브러리를 사용하는 방법이다.

1. SyntaxHighlighter 다운로드

2. 티스토리에 SyntaxHighlighter 업로드

• 추가버튼위치

• 스크립트파일과 스타일 파일 업로드

3. 티스토리 블로그 관리>HTML 편집

★ 스킨에 따른 추가 작업

SyntaxHighlighter 를 사용하는 방법은 소스코드 부분을 <pre></pre> 태그로 사용하는 것인데, 어떤 티스토리 스킨의 경우 pre 태그가 CSS에 선언되어 있어 작동하지 않는 경우가 있다. 이 경우 직접 편집하여 pre 태그 선언을 삭제한다.

pre 클래스 주석처리

pre 태그가 적용된 모습

※ 참고자료

토마토.. [http://sometimes-n.tistory.com/5]

구석진 개미집 [http://gemi.tistory.com/314]

컴퓨터학원 [http://combook.kr/30]