여러가지 블로그를 가보면 항상 이쁘장 하게
태그,소스들을 알려주는 블로그가 있어요 !
예를들면 프로그래밍 식으루요
이런 것처럼 부럽지요 ....이쁘기도 하구요..
문법 별로 체크도 가능하고 이 얼마나 획기적입니까 ?!
그래서 이제 우리도 해보려구요 .
글 시작합니다.
구글에서 제공하고있는 SyntaxHighlighter 를 이용을 합시다.
일단 아래 링크를 클릭해서 위에 download 탭을 클릭하여 파일을 다운로드 합니다.
http://code.google.com/p/syntaxhighlighter/
편의를 위해서 1.5버전 링크 겁니다.
다운로드 누르시면 다운이 시작됩니다.
그 후 http://자기주소/admin 또는 관리자 또는 어드민 페이지로 이동 - 꾸미기 - HTML/CSS 편집 - 파일 업로드에 간뒤
추가 버튼으로
원하시는 분들을 위해 파일 목록을 적어두었습니다.
목록은 이렇습니다.
이제 업로드를 해줍니다.
추가 버튼을 눌러 각각 폴더마다 들어간 뒤 파일을 업로드 합니다.
그 후 어드민 페이지 -꾸미기 - HTML/CSS 편집에 간 뒤에
헤드 태그가 끝나는 지점 바로 위에
을 입력해줍니다.
그다음 skin.html 가장 하단부쪽으로 가서, </body> _ 바디가 끝나는 부분 위 쪽에 다음과같은 스크립트를 추가시킵니다.
바디태그가 끝나는 바로 윗부분에
을 넣어줍니다.
이제 다되어가네요.
마지막으로 코드 사용법 입니다.
한가지의 언어만 된다면 정말 나쁜 소스겠지요 .그래서 설정법입니다. !
사용을 위한 방법은
이 되겠습니다.
각 프로그래밍 코드는
위처럼 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 |
결과값