본문 바로가기

Other/티스토리 설정

SyntaxHighlighter 3.0.83

초창기에 한번 SyntaxHighlighter을 적용하고 사용하다가. 어제 스킨을 바꾸면서 설정을 날려버렸다. 나중에도 이런 사태가 발생할수 있으니 기록해둔다.



1. 우선 SyntaxHighlighter 홈페이지에 가서 관련 CSS와 스크립트를 받아야 한다.


위에 보이는 Download를 클릭하고.

ㄴ 위에 보이는 Download를 클릭하고.



ㄴ Click here to download를 클릭하면 관련 파일들을 다운로드 할수 있다.



ㄴ 다운로드한 압축파일을 풀어보면 위와 같이보이는데, scripts, styles 폴더 안에 있는 파일들을 자신의 티스토리에 올려야 한다.



2. 파일 올리기.

ㄴ 위 메뉴에서 추가를 해주면 된다.



3. 스크립트 추가하기. 


아래의 코드를 HTML/CSS편집하기 메뉴에서 skin.html에서 위에 추가해준다.



 

























 


 



3.1 스크롤바 지워주기.


블로그 특성상 소스코드에 스크롤바가 자동으로 생길때가 있는데.

그럴경우 style.css에 아래 코드를 추가해준다.

div .syntaxhighlighter { overflow-y: hidden!important; overflow-x: hidden!important; }

overflow-축:(hidden/auto)!important 이런식인거 같으니. 사용자 편의로 맞추면 될꺼 같다.



'Other > 티스토리 설정' 카테고리의 다른 글

카테고리 펼쳐두기  (0) 2013.05.07