안녕하세요. 꽃의비밀입니다. 이번 포스트에는 자신의 티스토리에 프로그래밍 언어 코드를 포스트할때 별도의 코드 하이라이터가 필요없이 간편하게 티스토리에 자동으로 코드 하이라이트가 되는 ‘Color Scripter’라는 Tool에 대하여 소개해 볼려고 합니다.
코드 하이라이터란?
티스토리나 기타 블로그 혹은 웹페이지에서 프로그래밍 소스 코드를 올릴때 프로그래밍 언어의 문법에 맞게 색깔별로 보기좋게 표시를 해주는 일종의 플러그인이라고 보시면 됩니다. 티스토리에서는 주로 “SyntaxHighlighter”를 많이 쓰는거 같더군요. 코드 하이라이터는 블로거 중에서도 개발자들이 많이 사용을 하는거 같습니다.
저도 블로그를 시작하면서 소스코드를 블로그 포스트 페이지에 올릴려고 하다보니, 아무래도 언어 문법에 맞게 보기 편한 화면을 생각하게 되더군요. 그래서 이리저리 알아본결과, 티스토리에서 주로 많이 쓰는 “SyntaxHighlighter”를 안쓰기로 했습니다.
별도로 제 티스토리에 업로드 하는것도 귀찮은 점도 있지만, 업로드 하여 티스토리 에디터에서 별도의 코드를 넣어야 한다는 점이 더 귀찮기도 했습니다.^^ 그래서 좀더 알아보니… 저에게 아주 딱 맞는 솔루션이 나타났습니다. 바로 “Color Scripter”입니다.
Color Scripter
홈페이지 : https://colorscripter.com/
Color Scripter는 여러개의 프로그래밍 언어의 하이라이트 표시를 자동적으로 해주는 하이라이터입니다. Color Scripter의 홈페이지에 접속을 하면 홈페이지 자체에서 하이라이터를 사용할수 있습니다.
각 메뉴를 보면 언어 선택과 스타일패키지, 배경 등을 사용자의 취향에 맞게 설정 할수 있습니다. 예를 들어서 여기에 파이썬 코드를 자신의 에디터에서 복사하여 붙여넣으면 자동으로 파이썬 문법에 맞게 하이라이팅 되는것을 볼수 있습니다.
여기서 자신의 티스토리에 코드를 올릴려면 위 홈페이지의 오른쪽아래 버튼중에 클립보드에 복사를 누르고 티스토리 에디터에 붙여놓기만 하면 됩니다. 정말 간단하죠? 아래는 제가 방금 붙여놓은 코드입니다.
|
1
2
3
4
5
6
7
|
#include <stdio.h>
#include <stdlib.h>
int main()
{
return 0;
}
|
cs |
여기서 추가적으로 자신의 PC에다 Color Scripter를 설치를 할수 있는데요, Color Scripter도 PC버전이 있습니다. 웹에서 쓸수 없는 환경이거나 웹에서 쓰기가 불편한 경우에 PC버전을 설치하여 사용하면 됩니다.
PC버전은 오른쪽 위의 PC버전의 항목을 클릭하면 위의 화면과 같이 PC버전을 다운로드 받을수 있는 화면으로 이동하게 됩니다. 여기서 PC버전을 다운로드 받아서 설치하면 됩니다. Color Scripter는 약간 다른점이 Adobe AIR를 설치해야 Color Scripter를 설치할수 있습니다. 만약 본인의 PC에 Adobe AIR가 설치되지 않았다면 위의 링크에서 Adobe AIR를 다운로드 하여 설치한후 Color Scripter를 설치하면 됩니다.
PC버전도 웹버전과 사용법은 동일합니다. 본인의 코드를 PC버전 Color Scripter에 복사하여 넣거나 작성한후 복사버튼을 눌러서 본인의 티스토리에 붙여넣으면 됩니다. 정말 간단하죠?
사용후기
개인적으로 이런 툴을 개발해주신 개발자분에게 고마움과 경의를 표합니다. 웹상에서 코드 하이라이팅을 하는데 이렇게 간편할수가 없네요.ㅋ 그만큼 블로그에다가 저의 소스코드를 올리는게 너무 편한거 같습니다. 단순히 복사해서 붙여넣기만 하면 되니까 말이죠. 물론 사용자에 따라서 단점이 있을순 있지만, 저는 딱히 단점이라고 느낄만한 부분은 찾지 못한거 같습니다.
티스토리를 사용하시는 블로거, 특히 자신의 소스코드를 티스트리나 다른 블로그에 올리고 싶으신 개발자 블로거들에게는 아주 유용한 툴일꺼 같습니다. 코드 하이라이터로써 “Color Scripter”를 강력하게 추천드립니다.
