'블로그에 소스코드 보기좋게 넣기'에 해당되는 글 1건

  1. 2017.01.20 :: 블로그에 소스코드 삽입하기-Color Scripter 사용법
Useful/web Site 2017. 1. 20. 16:30


블로그에 프로그래밍 언어(JAVA, HTML 등)를 넣으면 일반 텍스트로 인식이 되어 아래의 소스코드 처럼 가독성이 떨어지죠!


public void initVariables(){

firstPageLabel    = "<a href=\"?pageIndex={1}\" onclick=\"{0}({1});return false; \" class=\"btn\"><img src=\"" + servletContext.getContextPath() +  "/resources/img/page/btn_page_first.gif\" alt=\"처음\"   border=\"0\"/></a>&#160;";

        previousPageLabel = "<a href=\"?pageIndex={1}\" onclick=\"{0}({1});return false; \" class=\"prev btn\"><img src=\"" + servletContext.getContextPath() +  "/resources/img/page/btn_page_prev.gif\"    alt=\"이전\"   border=\"0\"/></a>&#160;";

}


이런 문제를 해결하기 위한 좋은 사이트가 있어, 소개해봅니다~~


Color Scripter 사이트로 이동

회원가입 및 로그인 이런거 없습니다~ 그냥 바로 사용하시면 됩니다.(주인장 서비스 마인드 좋네~~~)


1. [그림1]의 상단왼쪽에서 언어를 선택합니다. 저 같은 경우 JAVA로 한 번 해보았어요~


[그림1]


2. 이제 [그림2]처럼 블로그에 넣을 소스코드를 붙여넣기 합니다.

   짜~잔! 이클립스 등 IDE 화면에서 보는것 처럼 예쁘게 보이죠^^  붙여넣기 후 편집도 가능합니다.


[그림2]


3. 스타일도 한 번 바꿔 볼까요

   아래의 [그림3]의 스타일패키지를 클릭하면 3가지 스타일 중에서 선택할 수 있어요!

   저는 제일 화려해 보이는 "서브라임 블랙"을 선택했어요~

   세부설정에서 글꼴, 줄간격 등을 조정할 수도 있어요(그냥 기본설정으로 써도 괜찮네요^^)

[그림3]


4. 자신의 블로그로 예쁘게 작성된 소스코드를 가져오는 방법은 [그림4]의 오른쪽 하단에 있는 "클립보드에 복사" 버튼을 꾸~욱 눌러주세요!

   



[그림4]


5. 그리고 자신의 블로그에 붙여넣기 하면 끝~ 간단하죠!

이제 블로그에 소스코드를 넣게위해 고생하지 마시고 Color Scripter를 사용하세요!!!


posted by 생각퍼즐
: