예전에는 그냥 기본 제공하는 블로그에서는 제공해 주는 기능만 쓸 수 있고 추가적인것은 못쓸거 같은 생각을 하고 있었는데 생각해 보니 얼마전에 W위젯도 설치했었더군요 -ㅅ-; 그거랑 같은 원리로 설치할 수 있다는 것이었습니다.
그래서 찾다 보니
SyntaxHighlighter라는게 있었고
아래의 사이트에 아주 쉽게 설명이 되어 있더군요 ^^
http://gyuha.tistory.com/193
아래의 주소로 들어가서
http://code.google.com/p/syntaxhighlighter/
현재 최신 버전인 SyntaxHighlighter_1.5.1.rar를 다운받은후
SyntaxHighlighter_1.5.1.rar스킨편집기로 들어가서 필요한 파일들을 업로드 하고 스킨직접 수정모드로 들어가서 필요한 CSS들과 JavaScript들을 지정해 주면 됩니다.
설치시 주의해 주셔야 될 부분이 있는데 우선 경로를 주의해 주셔야 되고
아래의 문구는 마지막에 넣어 주셔야 됩니다.
아래는 C소스 코드 예제입니다.
<pre>나 <textarea>태그에서 name="code" class="c" 로 지정해주면 됩니다.
class는 언어별로 다르게 지정해주면 됩니다.
'살아가는이야기 > 블로그 이야기' 카테고리의 다른 글
| 블로그 수정 이야기 - 네이버SVN, wibiya, 테터데스크 (0) | 2010/06/12 |
|---|---|
| 텍스트큐브 스킨 직접 수정시 적용 문제 - 캐쉬 (4) | 2010/06/06 |
| 블로그 자잘한 수정(폰트, 글 레이아웃)과 텍스트큐브 (4) | 2010/06/01 |
| 블로그 자잘한 버그 수정 및 잡담 (2) | 2009/09/11 |
| SyntaxHighlighter 설치. 블로그에서 소스코드를 보기 좋게~ (2) | 2008/04/12 |
| 드디어 티스토리 블로그 개설 (0) | 2007/07/31 |
Trackback
http://junho85.pe.kr/trackback/20
-
Tistory 에서 SyntaxHighlighter 사용 하기
FROM 이름없는 블로그 2008/07/13 14:24 삭제관련 싸이트 : http://code.google.com/p/syntaxhighlighter/ 1단계, 위 싸이트에 가서 SyntaxHighlighter 를 다운로드 한다. 2단계, 압축을 풀고, Scripts 와 Styles 폴더가 있는 것을 확인 한다. 이것들을 업로드 할것이므로 기억 한다. 3단계, Tistory로 돌아 와서, Admin 모드에서 스킨 --> 직접올리기 로 이동 한다. 4단계, 직접올리기에 보면, .. 파일 업로드가 보일 것이다..
-
Syntax Highlighter를 사용하여 블로그 포스트에 구문 강조된 소스 코드 넣기
FROM Weide Radar 2011/07/03 06:06 삭제프로그래밍 언어나 마크업 언어에 관한 포스트를 작성할 때, 소스 코드를 텍스트 에디터에서 보는 것과 같이 가시성 있게 삽입할 수 있는 방법으로 Syntax Highlighter 최신 버전을 소개합니다. Syntax Highlighter 소개 Syntax Highlighter는 프로그래밍 언어나 마크업 언어를 구문 강조하여 삽입할 수 있도록 기능하는 모듈로서, 자바 스크립트로 구현되어 있습니다. Syntax Highlighter는 작성자가 삽입한 소스..
좋은 정보 감사합니다.
반갑습니다 ^^ 자주 들러주세요~