코드 하이라이트를 사용할 생각을 가지고만 있다가
답답한 마음에 드디어 제대로 찾아보았다.
http://alexgorbatchev.com/SyntaxHighlighter/ 에서 제공하는 코드 하이라이터다.
설치형 블로그에서 사용할 수 있는데, 현재 내가 사용하는 tistory를 기반으로 설명.
1. 관리자모드에서 HTML/CSS 편집 화면으로 들어간다.
나는 거기서 지원하는 대부분의 언어를 다 사용한다고 설정했기 때문에 사진속의 내용이 좀 길다.
위의 코드는 기본적으로 들어가야한다.
여기서 자신이 추가하고 싶은 언어를 추가해서 임베드한다.
액션스크립트 3.0와 자바스크립트를 임베드하고 싶다면..
위의 코드를 추가로 입력한다.
더 많은 언어에 관해서는
이곳을 참고한다.
3. 물론 js와 css를 입맛에 맞게 수정한 뒤 업로드하여 사용하는 것도 가능하다.
이곳에 들어가서 다운받을 수 있다.
다운받은 파일을 수정한 뒤 "추가"버튼을 통해 추가하여 업로드 한다.
그 후 다시 편집화면으로 돌아가 불러올 파일을 적절히 임베드한다.
4. 마지막으로 실제 사용법이다.
html모드로 전환한 뒤 적절한 곳에 위의 코드를 삽입한 후,
<textarea>엘리먼트 안에 자신이 원하는 코드를 삽입하면 된다.
brush: 뒤에는 아까 본 여기 에서 원하는 Brush aliases를 입력한다.
자바스크립트를 작성한다면 "brush: javascript" 이런식으로.