블로그(Blog)에 소스 코드(code)를 멋지고, 쉽게 넣는 방법! using 'Color Scripter'

티스토리에서 제공하는 코드 블럭(Code Block)을 활용하여 포스팅을 해보았을 때, 너무나도 고딕적이고 가독성도 떨어지게 작성되어 구글링을 하는 도중 좋은 사이트를 찾아 공유하고자 한다. 보기 좋고, 소스 코드를 쉽게 삽입할 수 있는 '컬러 스크립터(Color Scripter)'가 소개 대상이다. 다른 분들께서 많이 사용하시는 SyntaxHighlighter 플러그인 보다 쉽고 편하게 코드를 블로그에 삽입할 수 있다는 장점이 있어서 초보 블로거분들에게 추천드린다.

[링크]

https://colorscripter.com/

Color Scripter

[스타일패키지 = 배경 설정]

Color Scripter 초기 기본 화면

스타일패키지를 서브라임 블랙으로 변경한 화면

본인은 '스타일패키지'를 서브라임 블랙으로 설정하여, 코드가 한 눈에 띌 수 있도록 사용하고 있다.

 

[프로그래밍 언어]

작성하는 프로그래밍 언어 선택 화면

원하는 언어를 이곳에서 선택한 뒤 코드를 붙여넣고 사용하면 된다.

[코드 복사 및 삽입 방법]

우측아래에 있는 클립보드로 복사를 클릭해서 HTML코드를 Ctrl+C키를 사용해 복사하고,

원하는 곳에 Ctrl+V를 활용하여 붙여넣으면 된다.

Color Scripter의 최장점은 script을 지원하지 않는 네이버 블로그에도 사용이 가능하다는 점이다.