본문 바로가기
개발, IT

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

by Nabi™ 2012. 7. 18.

블로그 포스팅을 하다보면 소스코드 자체를 넣을때가 많이 있습니다.

이럴때 이 방법을 이용해 소스코드를 넣는다면 좀더 보기좋은 블로그를 만들수 있을것 같습니다.





<티스토리 설정방법!!>


1. 아래의 syntaxhighlighter_3.0.83.zip 파일을 다운로드 받아서 압축을 풉니다.


syntaxhighlighter_3.0.83.zip


※ syntaxhighlighter 사이트 : http://alexgorbatchev.com/SyntaxHighlighter/



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

※ 파일업로드시 Scripts 폴더Styles폴더 안에 파일만 업로드









3. 업로드가 끝났으면, 설정을 합니다.

꾸미기>HTML/CSS 편집에서 Skin.html 란에 <head></head> 사이에 적힌 부분을 추가해줍니다.







4. 설정은 완료되었으니, 이제 포스팅을 통해 적용해 보도록 하겠습니다.

HTML 선택란에 체크를 합니다.





5. 이제 코드를 아래와 같이 적으면 됩니다.


 <pre class="brush:html">

          소스코드 입력

 </pre>





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


예) brush:cpp



댓글