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!");
    }
}


'Etc.' 카테고리의 다른 글

[유용TIP]포토샵 CS5 단축키 모음  (0) 2014.04.23
by kelicia 2014. 5. 19. 16:12