블로그에 소스 코드 이쁘게 보이기

블로그를 돌아다니다 보면, 소스코드가 이쁘게 나오는 경우를 종종 볼 수 있다.
본인은 코드 예제를 쓸 때 글상자를 이용해서 정리하고 했는데, 생각난 김에 스타일을 적용해 보았다.

소스코드를 이쁘게 보이기 위해서는,
1.  SyntaxHighlighter 라는 라이브러리를 받는다. (자바스크립트와 css로 구성되어 있다.)
2. 압축을 풀고, sciprts와 styles 폴더 안에 있는 css 파일과 js파일을 서버에 올린다.
  (티스토리의 경우, 스킨 메뉴에서 파일을 올릴 수 있다.)

3. 스킨 편집을 통해 헤더 부분에서 사용할 자바스크립트를 추가한다.

4. 블로그 글 중간에 pre 태그를 이용하여 코드를 감싼다.


자세한 내용은 다음 링크를 참조한다.

* 춢처
 -  http://knightbw.tistory.com/134 
 -  http://gyuha.tistory.com/225 
 -  http://gyuha.tistory.com/193