TISTORY에서 내가 작성한 소스 예쁘게 올리기TISTORY에서 내가 작성한 소스 예쁘게 올리기

Posted at 2009.08.19 01:30 | Posted in About Programing/03. Tip
이 글은 http://leanu.tistory.com/ 에서 수정한것임을 밝힙니다.

1. SyntaxHighLighter 다운받기


2. 압축풀고 TISTORY에 올리기

 Tistory 의 자기 블로그 관리 페이지로 들어가서 스킨 -> HTML/CSS 편집 으로 이동한다.
파일 업로드 탭을 눌러서 좀전에 받아놓은 scripts와 styles 폴더내에 있는 모든 파일을 업로드 한다.
업로드가 완료되면 HTML/CSS편집 탭으로 이동하여 skin.html 을 수정한다.
</head> 태그 바로 위에 아래의 코드를 삽입한다.
 
<script type="text/javascript" src="./images/shCore.js"></script> 
<script type="text/javascript" src="./images/shLegacy.js"></script> 
<script type="text/javascript" src="./images/shBrushBash.js"></script> 
<script type="text/javascript" src="./images/shBrushCpp.js"></script> 
<script type="text/javascript" src="./images/shBrushCSharp.js"></script> 
<script type="text/javascript" src="./images/shBrushCss.js"></script> 
<script type="text/javascript" src="./images/shBrushDelphi.js"></script> 
<script type="text/javascript" src="./images/shBrushDiff.js"></script> 
<script type="text/javascript" src="./images/shBrushGroovy.js"></script> 
<script type="text/javascript" src="./images/shBrushJava.js"></script> 
<script type="text/javascript" src="./images/shBrushJScript.js"></script> 
<script type="text/javascript" src="./images/shBrushPhp.js"></script> 
<script type="text/javascript" src="./images/shBrushPlain.js"></script> 
<script type="text/javascript" src="./images/shBrushPython.js"></script> 
<script type="text/javascript" src="./images/shBrushRuby.js"></script> 
<script type="text/javascript" src="./images/shBrushScala.js"></script> 
<script type="text/javascript" src="./images/shBrushSql.js"></script> 
<script type="text/javascript" src="./images/shBrushVb.js"></script> 
<script type="text/javascript" src="./images/shBrushXml.js"></script> 
<link type="text/css" rel="stylesheet" href="./images/shCore.css"> 
<link type="text/css" rel="stylesheet" href="./images/shThemeDefault.css"> 
<script type="text/javascript"> 
SyntaxHighlighter.all(); 
</script>


pre는 여러가지 범용 소스를 붙여넣다보면 사용하기 불편하다. 이런경우
textarea 태그를 사용하면 되는데, textarea 태그를 이용하여 syntax highlighter 를 적용시키려면
관리자 메뉴 -> 스킨 -> HTML/CSS 편집에서 skin.html의 <body> 태크에 OnLoad값을 아래와 같이 넣어야 한다.

<body Onload="dp.SyntaxHighlighter.HighlightAll('code');">


3. 글 작성시에, HTML모드로 소스 작성

<textarea name="code" class="cpp">
 
소스
</textarea>
저작자 표시 비영리 변경 금지
신고
  1. 숙신횽 저 맨날 이거 보구 셋팅함

Name __

Password __

Link (Your Website)

Comment

SECRET | 비밀글로 남기기

티스토리 툴바