음하하하

트위터에서 제공하는 컴포넌트들을 사용할 수 있다.

홈페이지 제작에 관한 생산성이 좋아질 수 있다.

http://twitter.github.com/bootstrap/

블로그에 코드를 올릴 때, 그냥 올리면 가독성이 떨어진다.

그래서 Syntax Highlighting을 하는데

Sunlight 라는 툴을 이용하려고 한다.

- 설치 (Tistory 기준)

1. http://sunlightjs.com/ 에 접속을 해서 파일을 다운로드 후 압축을 푼다.

2. 사용하는 블로그의 설정 항목에서

HTML/CSS 편집 란으로 간 다음에 

압축을 푼 폴더에서 모든 .js , .css 파일을 업로드 한다.

(하위 폴더에 있는 스크립트 파일까지 올리세용~ 안올리시면 실행 안됩니다...)

3. 저장된 스크립트 파일의 경로를 파악한다.

4. </head> 바로 앞에 

<link rel="stylesheet" type="text/css" href="/path/to/sunlight.default.css" />
<script type="text/javascript" src="/path/to/sunlight-min.js"></script>
<script type="text/javascript" src="/path/to/sunlight.csharp-min.js"></script>

여기서 제 /path/to 는

./images 입니다.

이 때, csharp 언어만 등록하였기 때문에,

다른 언어를 사용하려면 하나씩 입력을 해야 사용할 수 있습니다.

맨 첫번째 출에 테마 종류는 2개가 있습니다.

default, dark 2 종류가 있네요

5. </body> 앞에 다음과 같이 입력 합니다..

<script type="text/javascript">

    Sunlight.highlightAll();

</script>

- 사용 방법

1. 글을 쓰다가 코드를 집어 넣고 싶을 때, HTML 모드로 넘어간다.

2. 다음과 같이 입력하고 미리보기를 눌러보자

<pre class="sunlight-highlight-csharp">

public object DoStuff() {

    return new object();

}

</pre>

<pre></pre> 블록 안에 원하는 코드 내옹을 쓴다.

다른 언어를 사용하고 싶으면 csharp 부분을 다른 언어 이름으로 바꾼다

미리보기로 보면 코드가 출력됨을 확인할 수 있습니다.

작성하는데 왜케 오래걸리지;;

모나코에서 이거로 갈아탔습니다..

근데 별 차이를 못느끼겠네요 ㅎ

bitstream_vera_mono.zip

이클립스를 사용하면서 문맥 색깔(Syntax Color)를 변경했을 때,

이클립스를 다시 설치한다면 매번 바꿔야 한다는 번거로운 점이 있다.

그 설정파일을 저장해놓고 매번 복사해서 쓴다면 그런 불현한 일이 없을 것이다.

\이클립스 워크스페이스 폴더\.metadata\.plugins\org.eclipse.core.runtime\.settings

위 폴더로 가서 다음 2개의 파일을 복사해 놓자!!

org.eclipse.jdt.ui.prefs

org.eclipse.ui.ide.prefs

위 2개의 파일을 저장해 놓고 다음 이클립스 설치시 다시 복사하면

원래 사용하던 문맥 색깔이 나올 것이다.