2013년 5월 18일 토요일

Blogger 게시글에 소스 코드 삽입하기

게시글에 소스 코드를 삽입해보자.

삽입할 스타일은 SyntaxHighlighter. 아래는 그 홈페이지.

http://alexgorbatchev.com/SyntaxHighlighter/

먼저 자신이 호스팅이 가능한 서버가 있거나

블로그 자체에 스크립트 파일들을 업로드할 수 있으면

위 사이트에서 스크립트 코드들을 다운받아 업로드해서 사용하자.

허나 여기 Blogger는 그딴거 제공 안함.

구글사이트에 올려놓고 쓸수도 있지만 느림.

다행히 좀 느리긴 하지만 alexgorbatchev 에서

스크립트 코드들에 대해서 호스팅을 제공 하고 있다.

아래는 alexgorbatchev 에서 호스팅하는 스크립트를 사용한 방법이다.


1. 블로그 템플릿 header에 아래 코드를 삽입한다.
 
 


이제 글을 쓸 때 코드 삽입할 준비가 되었다.

참고로 17번 라인에 highlight를 해놨는데 저 코드는

Blogger 사이트에서 사용할 때 alexgorbatchev 에서 권장하는 코드이다.

다른 블로그에는 넣을 필요 없음.


2. 이제 글을 쓸때 html편집으로 아래의 코드를 넣어보자.
class Test {
    public void Test(){
         //test class
    }
}

짜잔! 이렇게 표시가 됨.
class Test {
    public void Test(){
         //test class
    }
}

참 쉽죠?

이상 기본적인 사용법은 익혔으니

아래 공식메뉴얼사이트에 방문해서 나머지 부가기능들을 익혀보자.

http://alexgorbatchev.com/SyntaxHighlighter/manual/configuration/

끝.

댓글 없음:

댓글 쓰기