티스토리 블로그에 소스코드 올리는 방법, 컬러스크립터(Color Scripter)

티스토리 블로그에 소스코드를 이쁜 영역에 올리는 것을 보고, 자체적으로 플러그인이 있나 싶었지만 존재하지 않는 것을 알고, 한동안 그냥 잊고 있었다. 그러다가 소스를 블로그에 올려야겠다 싶어서, 구글링 한 후 알게 되었다. Color Scripter 라는 것이 있다는 것을...

http://colorscripter.com/

Color Scripter 말고, 다른 소스들도 있었지만 내가 가장 많이 본 형태이고, 가장 소스답게 나오는 걸로 보였다.

너로 정했다!!

언어에 맞춰서 예약어 등에 맞는 하이라이트 등을 하는데...

자동(text), Text, ActionScript, ASP, Bash, C, C#, CSS, HaXe, HTML, Java, Javascript, JSP, MarkDown, Objective-C, Perl, PHP, Python, Ruby, SQL, Swift, VisualBasic, XML

위 언어들이 현재 지원하는 언어이다. 거의 다 지원한다고 보면 된다.

1. 웹버전에서 사용하는 방법

사이트에 직접 들어가서, 웹버전으로 사용하는 간단한 방법이 우선 존재한다.

소스를 해당 페이지에 붙이면, 위와 같이 자동으로 해당 소스를 분석하여 알맞는 언어로 변환한다.

그 다음에 우측 스타일패키지에서 색상을 선택한다. 

소스를 이제 붙이려고 한다면, 클립보드에 복사 버튼을 클릭을 한다.

    /**
     * 로그 데이터 생성
     * 
     * @param msg
     * @return void
     */
    public void makeLog(String msg){
        BufferedWriter bw;
        
        try {
            bw = new BufferedWriter(new FileWriter("1.txt", true));
            bw.write(msg + NEW_LINE);                        
            bw.close();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

복사 후, 블로그에 Ctrl + V(붙여넣기)를 하면 위처럼 소스가 복사가 된다.

자주 활용하지 않을려면, 이렇게 웹버전으로 그때그때 활용하면 좋을 것 같다.

그.러.나 블로그에 소스코드를 자주 올리는 사람들은 이렇게 웹버전보다는 그때그때 두고 활용하기 좋은 PC버전이 좋은데...

2. PC버전에서 사용하는 방법

http://colorscripter.com/pcver

우선, 본문의 Adobe Air를 클릭하여 설치한다.

Adobe Air 설치단계

설치가 완료되었으면, PC버전을 다운로드 받고 실행하면 위와 같이 프로그램 창이 나온다.

여기서, 마찬가지로 쉽게 소스를 붙이고 완료되면, 우측 하단의 복사 버튼을 누른 후, 원하는 블로그에 Ctrl + V를 눌러서 소스를 붙인다.

    /**
     * FGF 데이터 생성
     * 
     * @param msg
     * @return void
     */
    public void makeFGF(String msg){
        BufferedWriter bw;
        
        try {
            bw = new BufferedWriter(new FileWriter("1.fgf", true));
            bw.write(msg + NEW_LINE);                        
            bw.close();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

PC버전에서 실행된 소스