블로그 본문에 코드를 예쁘고 보기 편하게 넣어보자.

블로그에 삽입하는 코드를 보기 편하게 하는 방법을 알아보니 다양한 방법들이 있었는데 난 아래 사이트를 이용하기로 했다.

http://hilite.me

Step 1.  Source code 에 하이라이트를 적용할 코드를 넣고,
Step 2.  Language에서 언어를 선택한 후 Style에서 원하는 스타일 선택
Step 3.  라인 넘버도 넣고 싶으면 선택
Step 4.  CSS를 수정해서 원하는 컬러와 폰트도 사용할 수 있지만, 난 그냥 기본 선택함
Step 5.  Highlight 버튼을 클릭하면 Preview가 생성된 걸 확인 후 HTML을 전체 복사
Step 6.  블로그의 에디터에서 html을 선택하고 적용하고 싶은 곳에 적용
Step 7.  그러면 깔끔한 코드를 볼 수 있다.


#코드하이라이터 #code highlight