티스토리 소스코드 첨부 (SyntaxHighlighter)

SyntaxHighlighter 3.0.83 사용방법

<pre class="brush:html">  <!-- HTML 소스표시 -->
<pre class="brush:css">   <!-- CSS 소스표시 -->
<pre class="brush:js">    <!-- JavaScript 소스표시 -->
<pre class="brush:html highlight:[2,4]">  <!-- 특정 행 강조 -->
<pre class="brush:js html-script:true">   <!-- 다른 언어와 HTML -->
<pre class="brush:html first-line:25">    <!-- 시작 행 번호 변경 -->
<pre class="brush:html toolbar:false">    <!-- 도구모음 숨기기 -->
<pre class="brush:html auto-links:false"> <!-- 오토 링크 해제 -->
<pre class="brush:html" title="Blomari Note">  <!-- 제목 표시 -->

"<"을 "&lt;"로, ">"을 "&gt;"로 바꿔서 입력해야 한다. 안그러면 오류나서 화면에 표시가 안된다.

참고 사이트 : http://blomari.tistory.com/54

테마 종류 : http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/emacs.html

브러쉬 종류 : http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

결과값 작성 사이트 : http://colorscripter.com/