본문 바로가기

About Programing/03. Tip

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

이 글은 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>

'About Programing > 03. Tip' 카테고리의 다른 글

MFC Dialog 꽉찬 화면  (0) 2010.02.20
MFC Dialog 에서 Enter 와 ESC Key 종료 방지  (0) 2010.02.20
MFC에서 Client 중복 실행 방지하는 방법  (1) 2010.02.19
API Hooking  (0) 2010.01.30
CPP에서 MD5 암호화 하기  (2) 2009.08.19