레이블이 소소코드인 게시물을 표시합니다. 모든 게시물 표시
레이블이 소소코드인 게시물을 표시합니다. 모든 게시물 표시

2015년 11월 24일 화요일

구글블로그에 소스코드 이쁘게 올리기

프로그래머가 블로그에 소스를 올릴때
줄번호와 색깔을 넣고 싶은 욕심을 버릴수 없다.

좀더 이쁘게 코드를 올리는 방법이 무엇인지 설명한다.


코드를 이쁘게 올리게 해주는 여러 사이트가 있지만
colorscripter 을 사용하는 법을 설명하겠다.

1. ColorScripter에 접속하여 코드를 작성하거나 붙여넣는다.
소스 언어를 설정할 수 있고 다 작성한 후 클립보드에 복사를 선택하여 복사한다.


2. 이것을 블로그에 붙여넣으면 아래처럼 깨져보일 염려가 있다.
그래서 html소스를 복사해서 붙여넣는 방식을 쓰는게 좋다.


 3. ColorScripter에서 세부설정을 선택한다.


4. HTML태그 자체 복사를 체크하고 저장을 누른다.



5. 블로그쓰기 페이지에서 HTML을 선택한다.


6. 소스코드를 넣고 싶은 위치에 이미 클립보드에 복사해 놓은 HTML소스를
붙여넣기를 한다.


7. 소스코드가 이쁘게 붙어있는 것을 확인할수 있다.
주의사항- 이미 게시한 페이지를 다시 수정하면
소스코드가 이상하게 보일수 있으니 되도록이면 수정하지말자..