본문 바로가기

블로그/파워블로거되기

티스토리 소스코드 넣기- 글쓰기를 통해 꾸미기

티스토리 소스코드 넣기- 글쓰기를 통해 꾸미기

 

블로그 포스팅을 하다보면 소스코드 자체를 노출시켜서 보여주고 싶을때가 있다. 이럴때 이 방법을 이용하면 소스코드 넣기를 통해서 표현하고 싶은 포스팅을 할 수 있을 것 같다.

나는 블로그 설치과정을 포스팅 해보려고 하면서, 소스코드 삽입하는것이 필요했다.

 

1. 먼저 아래 syntaxhighlighter_2.0.287.zip 파일을 다운받아서 압축을 푼다.  

syntaxhighlighter_2.0.287.zip

 

# Syntazhightlighter 사이트 http://alexgorbatchev.com/SyntaxHighlighter/

 

2. 티스토리 관리자 모드로 들어가서 꾸미기>HTML/CSS 편집>파일업로드 탭을 선택한 후 다운받은 파일을 압축을 푼 후 모두 업로드 한다.

※ 파일 업로드시에는 Scripts 폴더Styles 폴더 안에 파일만 업로드
 이미지추가압축을 푼 후 파일추가

3. 업로드가 끝났으면, 설정을 합니다. 꾸미기>HTML/CSS 편집 에서 skin.html 란에 <head></head> 사이에 적힌 부분을 추가해준다.





















 

소스코드 추가소스코드 추가 삽입하고 저장

4. 설정은 마쳤으니 이제 포스팅을 통해서 적용해 보도록 하겠습니다. HTML 선택란에 체크를 합니다.

체크 html

5. 이제 코딩을 적게 되는데 이때 아래와 같은 코드를 입력하고, "소스코드 입력" 부분을 지우고 안에 소스코드를 작성하면 됩니다.

<pre class="brush:html">
        소스코드 입력
</pre>


6. 적용가능한 언어들은 다양하게 있습니다. brush:○○○○ 여기를 필요에 따라 설정하시면 됩니다.

bursh 선택 언어