Syntaxhighlighter에 여러가지 테마를 적용해보자!

 

Syntaxhighlighter를 사용하면서 밋밋한 테마로, 또는 가독성이 떨어지는 테마로 고민이신가요?
다른 테마로 변경할 수 있는 방법이 있습니다.
친절하게도 총 7개의 테마(Default 포함)가 제공되고 있습니다.

 

 

 

먼저 7가지 종류의 테마를 하나하나씩 보여드리겠습니다.

1. Default

 

2. Django

 

3. Eclipse

 

4. Emacs

 

5. Fade To Grey

 

6. Midnight

 

7. RDark

 

 

 

위와 같이 총 7가지의 테마가 있습니다. 맘에 드시는 테마를 결정하셨나요?
그럼 테마를 적용해보도록 하겠습니다.

 

 

 

'티스토리 관리자모드 – html/css 편집'로 들어온 다음에, 위의 빨간색 네모로 표시되어 있는 코드를 찾으세요.
저 같은 경우는 이클립스 테마를 적용했기 때문에 여러분과 다를 수 있습니다.
기본 값은 shThemeDefault.css로 되어있을 겁니다.

 

여기서 image폴더 하에 있는 css이름만 수정해주면 됩니다.
각 테마별 css이름은 아래와 같습니다.

Default / shThemeDefault.css
Django / shThemeDjango.css
Eclipse / shThemeEclipse.css
Emacs / shThemeEmacs.css
Fade To Grey / shThemeFadeToGrey.css
Midnight / shThemeMidnight.cssRDark / shThemeRDark.css

참고로 shCore.css 부분은 수정하시면 안됩니다. ^^
그 밖에 궁금하신 점이 있으시다면 언제든 댓글 남겨주세요.
(자료 출처: http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/)

내용이 마음에 드신다면 공감(♡)을 눌러주세요.
로그인 하지 않으셔도 가능합니다. 감사합니다!