Color Scripter - 블로그에 프로그램 코드(Code) 스타일 방법(Blogger, Tistory)

 

Blogger, Tistory를 이용할 경우에서 제공하는 코드 블럭(Code Block)을 활용하여 포스팅을 해보았을 때, Blogger는 제공을 하지 않고, Tistory는 기본적인 레벨로 작성해줘서 상당히 가독성이 떨어진다.

다행이 Blogger, Tistory 모두, HTML 방식으로 입력이 가능하기 때문에, 이를 활용할 수 있는 사이트를 소개하고자 한다.

바로 사이트는 '컬러 스크립터(Color Scripter)'가 이다. 

현재 많이 사용하시는 SyntaxHighlighter 플러그인 보다 쉽고 편하게 코드를 블로그에 삽입할 수 있다는 장점이 있어, 초보 블로거분들에게 추천한다.

사이트

https://colorscripter.com/

사이트에 접속하면, 바로 입력할 수 있는 코드 장이 나타난다.

여기에, 자신이 사용하는 프로그램 언어를 선택하고, 내용을 입력하면 된다.

세부 설정에서 창 크기나 줄번호 표시 여부등을 선택할 수 있다.

 

 

 

프로그램 코드 삽입

코드를 삽입 하는 방법은 이후 작성을 다 하였다면, 아래 HTML로 복사를 선택하여, HTML 코드를 가져올 수 있게 된다.

블로거 기준으로는 제목 아래 연필을 클릭하여 HTML 보기를 통해 복사한 HTML 코드를 넣어주면 코드 스타일을 적용할 수 있다.

Tistory는 기본모드를 선택해서 HTML로 변경이 가능하므로 이를 활용하여 코드를 작성하면 된다.