본문 바로가기

highlighter

[snippet, github gist] 웹사이트 ( 블로그 ) 에 소스 코드 깔끔하게 공유 웹사이트에 코드를 깔끔하게 공유하고 싶을 때가 많다(?) 가장 대표적인 방법이 Syntax Highlighter 를 사이트에 적용시키는 방법일 것이다. 위의 방법은 아주 좋은 방법 중 하나이다. 하지만 코드 조각들을 한꺼번에 정리해서 관리하고 곳곳에 뿌리기(?) 좋은 방법은 코드조각 사이트를 이용하는 방법일 것이다. 몇몇 사이트가 있겠지만 그중 github에서 제공하는 gist를 추천한다. Gist : https://gist.github.com 사용 방법은 간단하므로 별도 설명은 다루지 않겠다. 위의 사이트에 입력한 코드는 아래 처럼 블로그에 삽입 가능하다. 참고 : http://robertgreiner.com/2012/04/using-github-as-a-syntax-highlighter/
Syntaxhighlighter 꺽쇠 오류(<, >) 해결하기 요즘은 블로그나 홈페이지에 코드를 보기 좋게 하기위해 Syntaxhighlighter를 많이들 사용합니다. 그런데 간혹 이유없이(사실은 이유가 있는거라고 봐야하는건가...) 이상하게 코드가 보여 질 때가 있습니다. 확인한 결과 꺽쇠에 문제가 있는것으로 확인되었습니다. 바로 요녀석들 입니다. C언어에서는 주로 #include 같은 인클루드 부분에서 쓰입니다. HTML같은 웹언어는 ㅎㄷㄷ 해결 방법은 쉬우면서도 간단합니다. 각각을 아래와 같이 바꿔줍니다. : > 즉, 엔티티 코드로 변환해 주면 됩니다. HTML을 맞춰준다? 정도로 생각하면 될 것 같네요. 꺽쇠가 많으면 막노동이 심해지므로 코드를 일반 에디터에 먼저 읽어들여 찾아바꾸기 처리를 하는 것이 좋습니다.