2017년 7월 27일 목요일

[블로그 꾸미기]-Color Scripter로 소스코드 삽입하기

HTML이나 각종 프로그램을 다루는 블로그에서는 소스코드를 블로그에 포스팅하는 경우가 많다. 이때 직접 소스코드를 입력한다면 소스코드에 대한 시인성과 가독성이 현저히 떨어진다. 그래서 많은 블로거들은 소스코드를 좀 더 아름답게 꾸미는 방법으로 Color Scripter를 사용한다. Color Scripter는 편집기라기 보다는 단순히 소스코드를 꾸며주는 프로그램이다.

Color Scripter는 지원되는 언어가 다양하고 색상스타일과 배경을 변경할 수 있어 다양한 사용자 환경을 제공한다.

Color Scripter는 두가지 버전을 제공한다.  웹페이지버전은 웹페이지상에서 소스코드를 코딩하는 방법이고 PC 프로그램 버전은 파일을 다운받아 PC에 직접 설치하여 사용할 수 있다.


  • 웹페이지 버전 : https://colorscripter.com 
  • PC 프로그램 버전 : https://colorscripter.com/pcver


개인적으로는 PC 프로그램 버전을 추천한다. 특히 노트북으로 포스팅을 하는 사람들은 설치형이 더 핀리하지 않을까 싶다. 그리고 Color Scripter는 무료로 제공됨으로 비용 부담도 전혀 없다.

아래 그림은 PC 프로그램 버전을 다운받을 수 있는 홈페이지 화면을 보여주고 있다. 다운로드 파일 확장자가 .air이라 바로 설치가 안될 수 있다. 홈페이지에서도 설명하듯이 Adobe AIR을 먼저 설치하후 실행하면 컴퓨터에 설치가 된다.

코드 작성이 완료되면 아래 그림처럼 아래쪽에 사용할 언어를 선택하면 해당 언어에 맞춰 색상이 변경된다. 스타일과 배경도 원하는 것을 선택하면 된다. 바탕색을 검정으로 변경하고 싶다면 스타일패키지에서 서브라임블랙을 선택하면 된다.


복사할 준비가 완료 되었다면 우측하단에서 복사를 선택한 후 블로그 본문에 붙여넣기를 하면 아래와 같이 사용할 수가 있다.

1
2
3
4
5
6
7
<html>
    <head>
    </head>
    <body>
        <p>이 것은 Color Scripter 샘플 코드입니다.</p>
    </body>
</html>
cs

댓글 없음:

댓글 쓰기