티스토리 Syntax highlighting 코드 구문 강조 설정하기

바로 본론으로 들어갑니다.

1. Syntax highlighting에서 적용시킨 파일을 다운받는다. 

(티스토리 자체에서 따로 코드구문 강조하는 플러그인이 없기때문에 따로 복사해서 넣어주어야 한다.)

Syntax highlighter 3.0.83

2. 티스토리 설정 추가

관리 -> HTML/CSS편집 에서 '파일 업로드' 탭을 선택, 필요한 파일을 추가한다.

@참고

• 코어 필수 파일: scripts/shCore.js
• 언어 선택 파일: scripts/shBrush*.js
  사용할 언어를 복수개 선택해야한다. 업로드는 다 해두고, 사용할 언어만 선택하면 된다.
• 스타일 선택 파일: styles/shCore*.css
  스타일을 하나 선택해야한다. 업로드는 다 해두고, 스크립트에서 하나를 선택하면 된다.
• 테마 선택 파일: styles/shTheme*.css
  테마를 하나 선택해야한다. 업로드는 다 해두고, 스크립트에서 하나를 선택하면 된다.

3. 관리 -> HTML/CSS편집 에서 'HTML/CSS'탭을 누른 후, skin.html의 <link> ~ <title>안에 아래 코드를 넣는다.

4. 실제 사용을 위해서는 포스팅 도중 우측 상단의 □HTML부분을 체크한 후

<pre class="brush: js">
  코드. 블라블라~
</pre>

를 기입하고나서, '미리보기'로 확인해 본 후 '저장'한다.