카테고리 없음

티스토리 - SyntaxHighlighter 3.0.83

TechNote.kr 2016. 1. 26. 23:56
728x90

티스토리 글들을 보다 보면 syntaxhighlighter를 설치해서 코드를 더 깔끔하게 보여주는 블로그들이 많이 있다.


어떻게 하면 syntaxhighlighter 를 설치해서 더 깔끔하게 보일지 알아보자


1. SyntaxHighlighter 3.0.83 다운로드

[SyntaxHighlighter Download] 를 클릭하여 Syntax Highlighter를 Download 받는다.




2. 압축을 풀어 티스토리에서 필요한 파일을 골라냅니다.


syntaxhighlighter_3.0.83\styles

shCore.css

shThemeRDark.css 


syntaxhighlighter_3.0.83\scripts 전체



3. 골라낸 파일을 티스토리에 업로드한다.


[티스토리 관리 > HTML/CSS 편집] 선택.

 


[파일 업로드 선택]



4. HTML 코드를 수정한다.



<head> tag 안에 아래 항목들을 추가해준다.



5. 티스토리 글 쓸 때 아래와 같이 써주면 된다.


[Java 형식으로 쓸때]


<PRE class="brush: java">

...code

</PRE>


728x90