Etc.
Google Syntaxhighlighter
kelicia
2014. 5. 19. 16:12
IT블로그를 운영하다보면 필연적으로 포스팅하다가 코드를 삽입하게 된다.
하지만 예쁘게 삽입되지 않는 안습...이 있다 ㅠ_ㅠ
그렇다고 예쁘게 코드 넣겠다고 개발툴 열어서 코딩하고 캡쳐해서
올리는 것도 은근 불편하다. 그냥 코드 몇줄만 넣으면 되는 일을 ! !
그래서 이를 해결하기 위해 조금 찾아보니
Google Code Project 에서 제작한 툴 'SyntaxHighlighter' 라는 녀석을 발견.
각 개발 랭귀지별로 .js 파일이 마구 있다보니-_-;; 약간 느리다는 단점이 있다.
(역시... 기능이 많을수록 무거울 수 밖에)
아무튼 이를 티스토리 블로그 기준으로 잘 적용시킬 수 있도록
자세한 방법을 포스팅해주신 친절한 분을 발견!
적용이 생각보다 까다롭다ㅡ_ㅡ.....
Tistory 설치방법, 사용법 : http://jb-story.tistory.com/13
기타 팁, 사용법 : http://snowple.tistory.com/267
지금 공부하다가 갑자기 생각나서_-_ 결국 이렇게 딴짓을..
이따가 설치해봐야겠다 !
왜 이건 태터툴즈 플러그인에 따로 없는 건지ㅡ_ㅡ.. 구글꺼라 그런가?
구글 코드 프로젝트 쪽 링크는 http://code.google.com/p/syntaxhighlighter/
(참조링크 추가 : https://code.google.com/p/sh4tistory/)
영문 메뉴얼 : 테마, 사용언어, 설정
http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/
http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/
http://alexgorbatchev.com/SyntaxHighlighter/manual/configuration/
+ 설치 결과 테스트
<pre name="code" class="brush:원하는 언어;"> 에디터 모드에서 이 사이에 코드를 작성하면 된다. </pre>
// this is JAVA public class Test(){ public static void main(String[] args){ System.out.println("Hello World!"); } }