1. http://prev.kr/apps/ColorScripter
ColorScripter.exe2.
블로그에 소스코드를 붙여 넣는 경우, 어떤 블로그를 가면 예약어별,
문법별로 컬러가 표시 되어 있는것을 볼 수 있습니다. 그 방법을 알려드리고자 합니다.
바로 구글에서 제공하고있는 SyntaxHighlighter 를 이용하면 됩니다.
일단 아래 링크를 클릭해서 위에 download 탭을 클릭하여 파일을 다운로드 합니다.
그리고 압축을 풀어줍니다.
압축을 다 풀었으면 티스토리 스킨에 업로드를 해야합니다.
티스토리 관리자에서 [스킨] - [스킨선택] 을 눌러줍니다.
다음 [파일 업로드] 버튼을 눌러줍니다.
한번 더 [파일 업로드] 버튼을 눌러줍니다
그럼 파일 선택하는 창이 뜨는데 여기서
아까전에 다운받고 압축을 풀었던 폴더안에 Scripts, Styles 폴더안에 있는 모든 파일을 선택하여 업로드 해 줍니다.
업로드가 완료되면 images/ 폴더안에 파일들이 업로드 된 것을 확인 할 수 있습니다.
파일업로드가 완료되면 다시 관리자메뉴에서 [스킨] - [html/css 편집] 을 클릭해 줍니다.
skin.html 가장 상단부쪽, <head>태그 안에 다음과같은 문구를 삽입해 줍니다.
<link rel="stylesheet" type="text/css" href="./images/SyntaxHighlighter.css"/>
그다음 skin.html 가장 하단부쪽으로 가서, </body> _ 바디가 끝나는 부분 위 쪽에 다음과같은 스크립트를 추가시킵니다.
<script class="javascript" src="./images/shCore.js"></script>
<script class="javascript" src="./images/shBrushCSharp.js"></script>
<script class="javascript" src="./images/shBrushCpp.js"></script>
<script class="javascript" src="./images/shBrushCss.js"></script>
<script class="javascript" src="./images/shBrushDelphi.js"></script>
<script class="javascript" src="./images/shBrushJScript.js"></script>
<script class="javascript" src="./images/shBrushJava.js"></script>
<script class="javascript" src="./images/shBrushPhp.js"></script>
<script class="javascript" src="./images/shBrushPython.js"></script>
<script class="javascript" src="./images/shBrushRuby.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 = '/flash/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
</script>
<script class="javascript" src="./images/shBrushCSharp.js"></script>
<script class="javascript" src="./images/shBrushCpp.js"></script>
<script class="javascript" src="./images/shBrushCss.js"></script>
<script class="javascript" src="./images/shBrushDelphi.js"></script>
<script class="javascript" src="./images/shBrushJScript.js"></script>
<script class="javascript" src="./images/shBrushJava.js"></script>
<script class="javascript" src="./images/shBrushPhp.js"></script>
<script class="javascript" src="./images/shBrushPython.js"></script>
<script class="javascript" src="./images/shBrushRuby.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 = '/flash/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
</script>
저장을 하시고,
자 이제 블로그에 소스를 정리해서 입력하기의 모든 작업이 끝이났습니다.
이제 테스트만 남았습니다.
글을 쓰는 방법은,
<textarea name='code' class='java'>
코드내용
</textarea>
이렇게 textarea 태그 안에 코드를 입력하시면 됩니다.
여기서 name='code' 는 변경하시면 안되고
class='코드값' 에 들어가는 내용에 따라서 코드의 종류가 결정됩니다. 상황에 맞게 변경하셔서 쓰면 됩니다.
지원하는 언어 종류와 클래스이름은 아래와 같습니다.
| Language | Aliases |
| 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 |
결과화면!
이 글이 도움이 되셨다면 아래 손가락추천, 댓글, 및 아래광고클릭!
큰 힘이 됩니다 ^^ㅋ
'자료실' 카테고리의 다른 글
| mlde32 (0) | 2014.11.28 |
|---|---|
| 포토샵 사이트 http://apps.pixlr.com/editor (0) | 2014.11.27 |
| 쁘롹시 (0) | 2014.11.12 |
| CheatEngine64 (0) | 2014.11.03 |
| ProcessExplorer (0) | 2014.11.03 |
