초창기에 한번 SyntaxHighlighter을 적용하고 사용하다가. 어제 스킨을 바꾸면서 설정을 날려버렸다. 나중에도 이런 사태가 발생할수 있으니 기록해둔다.
1. 우선 SyntaxHighlighter 홈페이지에 가서 관련 CSS와 스크립트를 받아야 한다.
ㄴ 위에 보이는 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 이런식인거 같으니.
사용자 편의로 맞추면 될꺼 같다.
