티스토리에 SyntaxHighlighter 적용

티스토리 블로그에 보면 소스코드들이 이쁘게 스타일링 되있는 것을 볼 수 있다. 

SyntaxHighlighter 덕분인데, 제공하는 js와 css 파일들을 알맞게 셋팅해주면 앞으로 이쁜 소스코드를 블로그에서도 볼 수 있다.

아래 웹사이트에 가서 다운로드 한다.

http://alexgorbatchev.com/SyntaxHighlighter/

다운받은 후 압축을 풀어서 styles 및 scripts 파일들을 티스토리에 추가하며, html 소스에도 추가한다.

.syntaxhighlighter{
    padding: 5px 0;
}

위와 같이 SyntaxHighlighter 로 소스가 이쁘게 나오는 것을 볼 수 있다.

하지만 맨 오른쪽에 스크롤바가 항상 생기는데 css 에다 위 소스를 추가 해주면 문제가 해결된다.