Tistory Blog SyntaxHighliter - 티스토리 코드/신택스 하이라이터 적용과 사용

티스토리 블로그에 SyntaxHighliter 적용

1. 위의 파일을 다운로드 받고 압축을 푼다.
   압축파일에서 scripts폴더 안의 파일 + styles폴더 안의 파일을 업로드할 준비
   
   

2. 블로그에서 [Q]를 눌러 관리자 모드로 진입 > 꾸미기 > 스킨 편집 선택
   

3. html 편집 선택 > 파일 업로드 선택 > 위에서 언급한 2폴더 다 업로드 후 > 적용
   
   
   

4. 다시 HTML 클릭 후, 코드가 끝나는 부분 찾기
   

5. \head 안쪽에다가 아래 코드들 집어넣기 > 적용
   https://gist.github.com/is2js/d12729a9d122b0ae5488276ddf0e467f#file-tistory_syntaxhighliter-js
   

syntaxhighliter 사용해보기

1. 테마 바꾸기
   shThemeEclipse.css (default 테마)가 있는 부분을 찾아서 아래 목록 중에 하나로 바꾸면 된다.
   
   

2. 글쓰기 사용법 : html 를 선택한 상태에서 < pre class= brush:언어명>

   코드

   형식으로 사용한다. 언어명 목록은 아래와 같다.
   

 def class