티스토리에 글쓰기를 하다보면 소스코드를 넣어야 할 때가 있다.
글 속에서 예쁘고 보기 쉽게 소스코드를 구분할 수 있다면 좋을텐데 어떡하면 좋을까?
(마치 프로그래밍 툴을 사용하는 것처럼)
SyntaxHighlighter를 사용하면 된다.
먼저, 첨부된 syntaxhighlighter_3.0.83.zip 파일을 다운로드 받아 압축을 풀자.
syntaxhighlighter_3.0.83.zip그리고, 관리자 > 스킨 > HTML/CSS 편집 > 파일업로드에서 모든 파일을 업로드 하자.
폴더를 구분해서 등록할 수 없으므로 images 아래에 모두 등록할 수밖에 없다.
그리고, 다시 HTML/CSS 편집으로 이동해서 아래 소스를 <head></head> 사이에 입력하자.
아래 파일의 소스를 복사해서 넣으면 된다.
SyntaxHighlighter_script.txt
자, 이제 SyntaxHighlighter를 사용할 수가 있다.
사용 방법은 html 상태에서 다음과 같이 입력해 주면 된다.
<pre class="brush: html">
... 소스코드 ...
</pre>
다음 그림은 각 언어별 명칭을 나타내는데 class="brush: 언어명"으로 사용하면 된다.
앞으로 자주 사용할 html, javascript, java가 모두 포함돼 있어서 좋다^^
'인터넷/컴퓨터 > 티스토리' 카테고리의 다른 글
| 티스토리에서 스팸 차단해도 트랙백 스팸이 자꾸 발생한다면 (0) | 2014.10.23 |
|---|---|
| 티스토리에서 글, 댓글, 트랙백 스팸 삭제하고 차단하기 (4) | 2014.10.22 |
| 티스토리 글영역 넓이(가로크기, 가로너비) 조절하는 방법 (0) | 2014.10.21 |
| 티스토리에서 이전글 관련글을 간단하게 추가하고 꾸미기 (2) | 2010.09.25 |
| 티스토리 메뉴에서 카테고리를 펼쳐서 보여주려면? (6) | 2010.09.17 |
댓글