티스토리 코드하이라이트(SyntaxHighlighter) - 적용하기

티스토리 코드하이라이트(SyntaxHighlighter) - 적용하기

Tistory라는 곳에 블로그를 처음 만들고 첫글을 쓰는데 정말 꼭 필요하겠다 생각이 드는게 있네요..
나 같이 코딩하고 검색하고 정말 필요한 부분 쏙쏙 뽑아가고 댓글도 없이 사라지는 분들이라면 느끼셨을 부분입니다.
소스 뽑아가기에 굉장히 편한 Syntax Highlighter를 보면 저처럼 아름다운 미소를 지으실 겁니다 ^-^ㅎ
음.. 속으로 소스 뽑아가기 편하겠군.. 만족스러운 마음과 귀찮아지는 작업없어 대만족을 느끼실 겁니다.^-^ㅎ
솔직히 Web에서 막혀있다고해도 뽑아갈수 있습니다. @_@;;; 좀 귀찮을 뿐이지 ㅡ_-;;

그래서 예전에 좋은정보를 얻고 고마운지도 모르고 댓글도 안달고 쏙쏙 뽑아갔던 사죄의 마음을 담아서
이번에 제가 좋은정보를 드리고자 블로그를 개설하였습니다. 뭐 좋은정보가 많이 있을지는 모르겠지만
저 같이 뽑아먹기 좋게 만들도록 하겠습니다. ^---^ㅋ 여기까지 읽어주신분은 진정 당신이 챔피언이십니다.

먼저 알려드리도록하겠습니다.
이 글은 BLUEnLIVE의 포스팅을 보고 소스를 뽑아와서 너무 이해가 안되서 다른글들을 보고
제가 좀 더 덧붙였습니다. BLUEnLIVE님 좋은 정보 다시한번 감사합니다.

---

순서대로 하신다면 100% Tistory(티스토리)에 적용 가능하실 겁니다.

1. SyntaxHighligter20_bugpached.zip 을 다운받습니다.
2. SyntaxHighligter20_bugpached.zip 압축을 풉니다.
3. 티스토리관리자 -> 스킨 -> HTML/CSS편집 -> 업로드 -> 압축파일 몽땅 업로드
4. 티스토리관리자 -> 스킨 -> HTML/CSS편집 -> HTML부분 -> 소스넣기
5. 글쓰기 -> 글쓸때 소스넣기 -> 적용상태확인후 완료@
6. 추가 부분 // 하이라이터기 테마 자신이 원하는걸로 바꿔봅시다. //

---

1.단계 - SyntaxHighligter20_bugpached.zip - 다운받기

SyntaxHighlighter20_bugpatched.zip

2.단계 - SyntaxHighligter20_bugpached.zip - 압축풀기
 - 압축은 푸실줄 아시죠?? ㅋ

3. 티스토리관리자 -> 스킨 -> HTML/CSS편집 -> 업로드 -> 압축파일 몽땅 업로드
  - 업로드 클릭하고 압축푼 파일 모두 업로드하시면 됩니다.

4.단계 - 티스토리관리자 -> 스킨 -> HTML/CSS편집 -> HTML부분 -> 소스넣기
- 중요 </head> 위에 넣으면 끝!@

5.단계 - 글쓰기 -> 글쓸때 소스넣기 -> 적용상태확인후 완료@
- 중요 <글쓰기> 클릭후 -> HTML클릭 -> 하단소스 넣기
   <pre class="brush:c-sharp;">코드</pre> 요건만넣으세요




6.단계 추가 부분 // 하이라이터기 테마 자신이 원하는걸로 바꿔봅시다. //
CSS파일로 테마를 변경할 수 있습니다.
http://alexgorbatchev.com/wiki/SyntaxHighlighter:Themes:Default
여기서 원하는 테마를 한번 살펴보시구요. 확인이 되었으면

3.단계 부분에서 자신이 원하는 테마 이름으로 소스를 고쳐주면 됩니다.
shThemeViolet.css <-- 요걸 원하는 CSS테마로 이름만 바꿔치기하면 테마 변경끝~@