티스토리에 소스코드 입력하는 방법!

티스토리를 처음 시작하는 개발자 분들을 위해

게시글에 Syntaxhighlighter를 사용하여 소스코드를 입력하는 방법을 알아보겠습니다.

아래는 제가 적용한 테마와 테스트 소스입니다.

package org.yogiyo.app;

import java.sql.Connection;
import java.sql.DriverManager;

import org.junit.Test;

public class MysqlTest {
    private static final String DRIVER="com.mysql.jdbc.Driver";
    private static final String URL="jdbc:mysql://x.x.x.x:xxxx/YOGIYO_COPY?autoReconnection=true";
    private static final String USER="root";
    private static final String PW="0000";

    @Test
    public void TestOracle()throws Exception {
        Class.forName(DRIVER);

        try(Connection con = DriverManager.getConnection(URL, USER, PW)){
            System.out.println("성공");
            System.out.println(con);
        }catch(Exception e) {
            System.out.println("실패");
            e.printStackTrace();
        }
    }
}

일단 아래에 있는 첨부파일을 받아 압축을 풀어줍니다.

syntaxhighlighter_3.0.83.zip

이 후 블로그 관리페이지에 들어가 아래 사진에 보이는 '스킨 편집'에 들어갑니다.

그리고 아까 받았던 Syntaxhighlighter 압축파일 내부에 있던

scripts와 styles폴더 안에 있는 모든 파일을 모두 넣으면 됩니다.

넣는 위치는 스킨 편집 내부에 들어오신 후

아래 화살표 방향에 있는 html 편집을 누르시면 '+추가' 버튼이 보일겁니다.

저 버튼을 눌러 위에서 말했던 파일을 넣은 후 상단 태그에 html로 이동해줍니다.

그리고 </head> 바로 위에 아래 소스를 복사 붙여넣습니다.

이제 적용이 다 되었으니 

<pre class="brush: java">

//적용할 소스코드

</pre>

위 소스를 복사하여 제목 아래에 위치한 외부컨텐츠 탭을 선택합니다.

이제 미리보기를 통해 적용이 되었는지 확인하면 되겠습니다.

본 포스팅은 '소스코드는 뭐 대충 적용할 수 있고 무난한 테마를 적용하고싶어!' 라고 생각하시는 분들이 따라하기 좋은 내용입니다.

테마가 맘에 들지 않거나 좀더 커스텀을 하고싶으시다면 구글링을 하여 원하는대로 커스텀을 하는것이 좋을 것 같습니다.