본문 바로가기

Tip

Tistory에 SyntaxHighlighter를 이용하여 Source Code 보여주기

Tistory에 SyntaxHighlighter를 이용하여 Source Code 보여주기


1. SyntaxHighlighter 다운받기

- 링크 : http://alexgorbatchev.com/SyntaxHighlighter/download/

2. 다운로드 받은 파일의 압축을 풀고 scripts폴더에 있는 파일과 styles에 있는 파일을 Tistory에서 관리자를 통하여 파일 업로드 합니다.

- Tistory 경로 : Tistory 관리자 > HTML/CSS 편집 > 파일업로드


3. Script 소스 추가

- 경로 : Tistory 관리자 > HTML/CSS 편집 > HTML/CSS의 skin.html의 <body>에 아래 소스를 추가한다.  

4. 사용방법

- HTML 편집 모드에서 아래 태그 안에 소스코드를 넣어 주면 된다.

<pre class=brush:사용언어>

소스코드

</pre>

5. 사용 언어

언어 명칭
C++ cpp, c, c++
C# c#, c-sharp, csharp
CSS css
Delphi delphi, pascal
Java java
Java Script js, jscript, javascript
PHP php
Python py, python
Ruby rb, ruby, rails, ror
Sql sql
VB vb, vb.net
XML/HTML xml, html, xhtml, xslt