Windows live writer와 Tistory에서 syntaxhighlighter 사용하기

Windows Live Writer에서 syntaxhighlighter 사용하는 방법

준비물

1. Windows live writer : http://get.live.com/writer/overview
2. Tistory계정 : http://www.tistory.com/
3. windows live writer addon : http://www.codeplex.com/wlwSyntaxHighlighter
4. 무료 hosting계정(paran 계정) : http://hosting.paran.com/

사용방법

1. Windows live writer 설치
2. Windows live writer와 자신의 tistory 계정을 연계시킨다.
3. http://www.codeplex.com/wlwSyntaxHighlighter/Release/ProjectReleases.aspx?ReleaseId=8769 에서 zip파일과 msi 파일을 다운받는다.
4. paran등의 무료호스팅 계정에 위에서 받은 dp.SyntaxHighlighter.zip 파일의 압축을 풀어 올린다.
   (ex. http://XXXX.hosting.paran.com/dp.SyntaxHighlighter/이하 zip 파일 내용)
   
   invalid-file
5. tistory의 admin 메뉴로 들어가 skin > HTML/CSS 편집 메뉴로 들어간다.
6. </title> 태그 아래에 아래 문구를 추가한다.

   <link type="text/css" rel="stylesheet" href="http://XXXX.hosting.paran.com/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css"></link>
   <script language="javascript" src="http://XXXX.hosting.paran.com/dp.SyntaxHighlighter/Scripts/shCore.js"></script>
   <script language="javascript" src="http://XXXX.hosting.paran.com/dp.SyntaxHighlighter/Scripts/shBrushCSharp.js"></script>
   <script language="javascript" src="http://XXXX.hosting.paran.com/dp.SyntaxHighlighter/Scripts/shBrushCpp.js"></script>
   <script language="javascript" src="http://XXXX.hosting.paran.com/dp.SyntaxHighlighter/Scripts/shBrushXml.js"></script>
   <script language="javascript">
   window.onload = function() {
       dp.SyntaxHighlighter.ClipboardSwf = 'http://gangmi.hosting.paran.com/dp.SyntaxHighlighter/Scripts/clipboard.swf';
       dp.SyntaxHighlighter.HighlightAll('code');
   };
   </script>

   
   위에서 http://XXXX.hosting.paran.com은 자신의 계정명으로 바꾸자!
7. 다운받은 msi 파일을 실행
   invalid-file
    
8. 이제 실제로 windows live writer의 menu나 sidebar에서 Insert Code.. (한글판에서는 Code 삽입)을 선택하여 추가하면 끝!