syntax highlighter 3.0.83을 티스토리에 설치하였다.
syntax highlighter의 다운로드는
http://alexgorbatchev.com/SyntaxHighlighter/ 에서 다운로드 하여 설치할수 있다.
인단 다운로드한 후 압축을 풀면 아래와 같이 나온다.
다운로드하여 압축을 푼 장면
압출을 풀면 scripts 폴더와 styles 의 폴더의 모든 파일을 업로드 하여야 한다.
파일을 업로드 하지 않고 구글에서 받아서 쓰는 방법도 있다고 한다.
하지만 만에하나 구글에서 서비스를 종료한다던가 업데이트되어 코드가 호환이 안된다면 말짱 꽝이 되버리는셈....
그래서 나는 소스를 다운로드하여 티스토리에 설치후 사용하기로 하였다.
그러면 파일을 업로드 하기 위해
티스토리 관리-> HTML/CSS 편집 -> 파일 업로드 -> 추가 를 눌러 파일을 업로드해준다.
티스토리의 파일 업로드 화면
파일 업로드 후 HTML/CSS의 HTML/CSS를 눌러 skin.html과 style.css 에 코드를 삽입하여 줘야 한다.
여기서 skin.html에는 아래와 같은 코드를 </head> 앞에 붙여준다.
그리고 글을 썼을 경우 오른쪽에 스크롤바가 보이는걸 없애주려면
밑에 style.css 의 가장 아래 다음과 같은 코드를 붙여준다.
div .syntaxhighlighter { overflow-y: hidden!important; overflow-x: auto!important; }
그럼 끝!~
코드를 입력할 때는
오늘쪽 상단의 HTML을 눌러 HTML 코드 속에서
를 적어주면 된다... 입력창에서는 안보이더라도 미리보기를 하면 보이므로 미리보기를 해가며 확인해 보면 좋을듯.....내용