기본 콘텐츠로 건너뛰기

라벨이 hilite.me인 게시물 표시

hilite.me를 이용하여 구글 블로그에 코드 올리기

0. " Color Scripter을 이용하여 구글 블로그에 코드 올리기 " 포스팅을 통해 Color Scripter 을 이용해서 구글 블로그에 소스 코드를 업로드할 경우 화면이 일그러지는 문제점을 확인하고 대안을 찾았다. 1. hilite.me 구글 블로그에 소스 코드를 올리기 위해 hilite.me (http://hilite.me/)를 사용해 보았다. 먼저 hilite.me 에 접속한다. 아래와 같은 화면을 확인할 수 있다. 2. 좌측의 Source code 부분에 테스트할 코드를 작성하거나, 복사하여 붙여 넣는다. 코드를 작성하고 Language: Javascript, Style: monokai를 선택하고 Line numbers를 체크하면 아래와 같다. 3. 우측의 HTML의 코드를 복사하고, 구글 블로그를 "글쓰기" 모드에서 "HTML"모드로 바꾼 후 원하는 위치에 복사한 코드를 삽입한다. 코드 삽입 후 다시 "글쓰기" 모드로 돌아오면 아래와 같이 코드가 삽입된 것을 확인할 수 있다. 1 2 3 4 5 function init () { console . log ( "Hello World" ); } init (); 4. 실제 포스팅된 이미지도 일그러짐이 없는 것을 확인했다. 이상 없다. 끝.