'프로그램소스 표현하기' 태그의 글 목록 :: 벼리지기 마당

구문강조 (Syntax highlighting) 사용하기

Posted by byori
2011.09.07 16:20 IT

■ 구문강조 설치 하기

자바스크립트를 이용한 각 프로그램밍 언어를 보기좋게 보여주는 구문강조 사용법입니다.
현재 SyntaxHighlighter는 현재 3.0 버젼을 제공하고 있습니다만,
1.5.x 버젼으로도 충분히 사용하시기에 불편함이 없습니다.

 
1) 먼저
http://syntaxhighlighter.googlecode.com/svn/trunk/Styles/SyntaxHighlighter.css
로 이동합니다.
전체선택하고 코드를 복사합니다.

2) 스킨편집에서 CSS에 끝에 붙여쓰기 합니다.

3) 스킨편집 Html에서 </head> 태그 이전에 다음의 소스를 추가합니다.













  
shCore.js와 자기가 사용하는 언어만 남겨두면 페이지 로딩속도를 줄일 수 있으니
필요하지 않은 프로그램 언어는 과감히 지우거나 주석처리 해도 좋습니다. (shCore.js은 필수입니다.)

 4) 다음의 코드를 Html의 </body> 이전에 붙여 넣습니다.

 

5) 저장을 누르고 나면 사용준비는 끝났습니다.

 

■ 구문강조 사용하기

글쓰기에서 HTML을 체크합니다.

 다음의 코드를 넣습니다.
...Your code here...
 
자주 쓰는 경우, 서식에 등록하면 더 편하게 쓸 수 있습니다.

  
이 댓글을 비밀 댓글로
    • 2011.09.07 18:30
    비밀댓글입니다
  1. 안녕하세요~ 오랜만에 블로그 접했네요 ㅋㅋ.
    • 오랜만이군요. 추석명절도 잘 보내시길 바랍니다. 해피 추석

티스토리 툴바