블로그에 소스 코드를 보기 좋게 올리는 방법

블로그에 소스 코드를 보기 좋게 올리는 방법

​

 ​구글에 예제 코드들을 검색할 때 보면 소스 코드를 보기 좋게 올려줘서 보기가 편했고 좋았는데, 막상 소스 코드를 블로깅할려고 하니깐 생각처럼 예쁘게 안 나와서 힘들었었다. Syntax HighLighter 방법도 있고, Visual Studio 프로그램을 사용하는 사람들은 소스를 복사해서 Word에 붙여놓은 뒤, 다시 복사하고 블로그에 붙이면 색깔 그대로 나오는 방법도 있다. 하지만 다른 방법도 있는데, 그것은 Code Scripter 사이트를 이용하는 방법!

http://colorscripter.com/

 

수업 시간에 교수님이 알려주신 사이트인데 C, C#, HTML부터 Python, Ruby 등 다양한 언어들을 지원하고 하이라이트해서 소스를 보기 좋게 해준다. 특히 네이버 블로그 등 <script> 태그를 지원하지 않는 사이트는 Syntax HighLighter 등을 사용할 수 없는데, 이 Code Scripter를 이용하면 된다.

 소스 작성하는 곳에 언어를 선택해서 소스를 붙여놓은 뒤, 스타일패키지나 배경 등을 원하는 데로 설정할 수 있다.​ 스타일패키지는 확장 스토어로 가서 사용자들이 만든 스타일을 적용할 수 있는 기능이 추가되어 있다. 마지막으로 클립보드에 복사한 뒤, 붙여놓을 곳에 붙여놓으면 끝이다. 세부 설정에서는 

언어 선택메뉴

스타일패키지 선택 메뉴

단일색상 선택 메뉴

세부설정 선택메뉴

확장스토어

http://extends.colorscripter.com/#/

 이 사이트 덕분에 소스 코드를 예쁘게 보기 좋게 올릴 수 있어서 아주 좋았는데, 다른 개발자들도 이 사이트를 이용해서 외국 못지 않게 예쁜 소스 코드를 브로그에 올릴 수 있는 기회를 가졌으면 좋겠다.