본문으로 바로가기

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

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





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


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




댓글을 달아 주세요

  1. BlogIcon 오렌지타조 2013.09.09 19:51 신고

    제가 찾던 내용입니다. ^^
    잘 보고 갑니다.

  2. BlogIcon Niafilmuh 2014.12.13 10:25 신고

    오오 감사합니다 ㅎㅎ

  3. BlogIcon Wooum@n 2016.07.22 11:28 신고

    다 복붙을 하나.. 어째 스샷이 똑같지.
    소스코드도 저걸 눈으로 보고 타이핑 하라는건가..
    복붙의 폐혜

    • 고스트 2016.08.08 12:14

      본인 블로그에서도 내용 못퍼가게 되어 있네요.

      남에것은 쉽게 퍼가고 싶고 내껀 못퍼가게 하고 싶고 뭡니까 ㅋ