2010.02.01 23:52 Etc../잡담

지금 껏 소스 코드를 포스팅 할때는

    3 #include <stdio.h>

    4 

    5 int _tmain(int argc, _TCHAR* argv[])

    6 {

    7     printf("Hello world!\n");

    8 

    9     return 0;

   10 

   11 }


이런 식으로 해왔었는데

여러 블로그들을 보면 굉장히 깔끔하게 되있는 것을 심심치 않게 볼 수 있습니다



구글에서 공개한 SyntaxHighlighter를 이용하면 이 효과를 낼수 있는데요

먼저 다음 링크에 들어가서 다운을 받거나 아래 파일을 받습니다

http://code.google.com/p/syntaxhighlighter/



받은 파일 압축을 풀고 나서

'스킨'의 파일 업로드에 들어갑니다



파일 업로드로 들어가면 파일 업로드 버튼이 하나 더 있고

그걸 클릭~

Styles 폴더의 SyntaxHighlighter.css 와

Scripts에 있는 모든 파일들을 추가하구요


파일들을 추가했으면  바로 옆 탭의 HTMS/CSS 에 들어갑시다



그림과 같이

<link rel="stylesheet" type="text/css" href="./images/SyntaxHighlighter.css"/>



을 추가하고


다음과 같이 더 추가해줍니다

 

<script class="javascript" src="./images/shCore.js"></script>
<script class="javascript" src="./images/shBrushCpp.js"></script>
<script class="javascript" src="./images/shBrushCss.js"></script>
<script class="javascript" src="./images/shBrushJScript.js"></script>
<script class="javascript" src="./images/shBrushSql.js"></script>
<script class="javascript" src="./images/shBrushVb.js"></script>
<script class="javascript" src="./images/shBrushXml.js"></script>

<script class="javascript">
dp.SyntaxHighlighter.ClipboardSwf = './images/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
</script>

자주 쓰시는 언어의 js 파일은 저것처럼 추가해주시면 됩니다

아까 업로드 한 파일 이름을 참조해서 추가하시면 되구요

이제 환경 설정은 모두 끝났습니다

이제 실제로 사용하는 경우만 남았군요




그림과 같이 <TEXTAREA>를  적절하게 써줍니다

이 class 명칭 란에는

언어  명칭
C++ cpp, c, c++
C# c#, c-sharp, csharp
CSS css
Delphi delphi, pascal
Java java
Java Script js, jscript, javascript
PHP php
Python py, python
Ruby rb, ruby, rails, ror
Sql sql
VB vb, vb.net
XML/HTML xml, html, xhtml, xslt


사용하고자 언어에 맞게 넣으면 됩니다 '-'

이상 포스팅을 마칩니다

저같이 블로그 운영하는 초짜분들에게 많은 도움이 됐으면 하네요

또한 이를 응용하는 방법엔


http://mamom.tistory.com/entry/티스토리에서-인용-코드-예쁘게-넣기

이 주소를 참조하시길 바랍니다



전체적인 자료와 클래스 표는

shagall 님의 포스팅 글을 참조 했음을 미리 알립니다

http://shagall.tistory.com/327 



'Etc.. > 잡담' 카테고리의 다른 글

[ 해커 간담회 ]  (0) 2010.05.04
초대장 5장 뿌립니다 '-'  (6) 2010.03.31
소스 코드 포스팅시 팁  (4) 2010.02.01
Debugger 진입시 에러?  (0) 2010.01.30
iPad 출시!  (0) 2010.01.29
해커스쿨에서 개발한 툴 & 서비스  (0) 2010.01.29
Posted by LinkC

댓글을 달아 주세요

  1. Daos 2010.07.26 20:44 신고  댓글주소  수정/삭제  댓글쓰기

    좋은글 잘 보고 갑니다~^^

  2. 히야oo 2012.08.22 13:50 신고  댓글주소  수정/삭제  댓글쓰기

    좋은 정보 감사합니다 ㅎㅎ


블로그 이미지
LinkC

태그목록

Tistory Cumulus Flash tag cloud by BLUEnLIVE requires Flash Player 9 or better.

공지사항

Yesterday35
Today36
Total334,155

달력

 « |  » 2019.11
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

최근에 받은 트랙백

글 보관함


. .