종종 올리는 블로그

SyntaxHighlighter 라는 code syntax highlighter 의 색상과 레이아웃을 수정해서 티스토리(Tistory) 블로그를 예쁘게 꾸며봅시다. SyntaxHighlighter 를 티스토리(Tistory) 블로그에 적용하는 방법은 여기를 클릭해서 참고하세요 ^^ 우선 기본 html 브러쉬를 사용해서 출력한 결과입니다. (참고로 스크린샷입니다.) 뭐 이대로 사용해도 나쁘지 않은데요. 이 전에 쓴 글에도 설명드렸지만, line-height를 em으로 설정시 위 처럼 행번호와 코드 줄이 어긋날 수도 있고 여러가지 편의상 문제가 있을수 있으므로 수정을 권합니다. 아래는 오늘까지 shCore.css 와 제가 수정해서 사용하고 있는 테마 shThemeTomato.css 를 적용한 결과입니다. 색..

제 블로그에 보시면 코드 소스를 코드 에디터처럼 예쁘게 보이는 방법에 대해 알아보겠습니다. 아래 처럼 말이죠. 글쓰기 관리 태그 방명록 RSS 카테고리 메뉴열기 SyntaxHighlighter 라는 code syntax highlighter를 이용한것인데요. 제가 네이버 블로그가 아닌 티스토리 블로그를 하는 이유이기도 하지요. SyntaxHighlighter 홈페이지는 http://alexgorbatchev.com/SyntaxHighlighter/ 입니다. 우선 SyntaxHighlighter 를 여기를 클릭해서 다운로드 받으세요. 참고로, 제가 받은 버전은 SyntaxHighlighter 3.0.83 입니다. 1. 다운로드 받은 압축파일을 풀어주세요. 2. 티스토리 관리페이지에서 [HTML/CSS 편집..