ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [소스] 블로그에 소스코드를 보여주고 싶다면?
    리빙포인트 2016. 6. 28. 16:44

    답: SyntaxHighlighter를 쓰면 된다.


    사용방법은 다른 사람들이 잘 포스팅 하셔서 올릴 필요가 없으니 간단하게 설명한다.


    1. SyntaxHighlighter를 다운로드 받는다.
      링크 http://alexgorbatchev.com/SyntaxHighlighter/download/

    2. 티스토리 관리 페이지에 들어가서 HTML/CSS 편집 란에서 파일업로드를 진행한다.
      위에서 받은 압축파일의 내용 중 ../styles , ../scripts 폴더의 내용을 업로드 한다.

      여기서 추가를 눌러서 반드시 쓰이는 "shCore.js", "shCore.css", "shThemeDefault.css"를 먼저 업로드 한다.
      나머지는 쓰고싶은 언어에 따라서 *.js 파일, 쓰고싶은 스타일에 따라서 *.css 파일을 추가해준다.
      잘 모르겠으면 해당 폴더 내의 모든 *.js 파일, *.css 파일을 업로드하면 된다.


      이런식으로.




    3. 테마를 적용시킨다. 

      아래의 소스코드를 skin.html 파일을 수정하면 된다.
      head구문에 해당 스크립트를 사용하겠다고 선언하는 것이 가장 좋다.

      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      

    4. pre 태그를 사용하여 쓴다. 아니면 textarea 태그를 쓰는 방법도 있다. 추후 포스팅 하겠다.

      #-*- coding: utf-8 -*-
      print "이렇게."
      




Designed by Tistory.