소스코드 블로깅시 소스 구문강조 방법

소스코드 highlight 방법

 

개발소스를 블로깅시 ...

 

아무리 개발자라고 하더라도 조금만 이쁘게 올리고 싶을때가 간혹 있다.. ^^*

 

 

그럴경우 Syntax 변환 사이트를 이용하는 방법과 .... js 를 이용하는 방법이 있는데..

 

아무리 해봐도... 웹사이트를 이용하는것이 훨씬 이뻐보임...

 

 

개인적인 견해입니다~~ 만~~ (^^*)

 

js와 css를 이용해서 div그룹을 써서 사용해봤는데.. 영~ 비주얼이..

 

 

JS와 CSS로 이용하는 방법 

 

 1. https://highlightjs.org/

 

 

 

웹사이트 이용하는 법

 

 1. http://hilite.me/

 

 2. https://tohtml.com/

 

 

 

 

웹사이트를 이용하는 방법은... 간단하다..

 

해당 소스코드를 그대로 Copy 후 사이트에 접속 해서 Paste 한 후.. 버튼 클릭 한번이면

 

소스코드가 이쁜 스타일이 먹은  html 코드로 변경되는 것 뿐... ^^*

 

 

각 사이트별로 취향이 달라서 원하는 디자인에 따라서 사이트를 바꿔가면서 써먹으면 좋을듯...

 

두개 사이트 다 html코드와 Preview 를 같이 한페이지에서 보여줌.

 

블로그나 웹에 올릴경우는 html 코드를 copy해서 사용하면 되고

 

word나 문서 편집기에 붙여넣을때는 Preview를 copy해서 사용하면 됨~!!!

 

 

사이트 hilite.me 는 색상 디자인이 내취향은 아니지만.. ㅋ Line number 를 넣을수 있어서 좋음.