티스토리 코드 블럭 예쁘게 넣는법 / Gist로 코드 조각 공유하기

티스토리 자체에서 제공하는 코드 블럭은 상당히 못생겼다

아마 검색을 통해 이 글을 찾은 사람들은 다 같은 이유로 더 나은 툴이 없나 찾아보는 중이었을 거다

 

다른 개발자 블로그를 보면 코드가 참 예쁘게 들어가있는데

뒤늦게서야 그게 Gist로 공유한 거란걸 알았다

 

Gist는 코드 조각을 공유할 수 있는 서비스로 깃헙 계정으로 로그인 가능하다

 

 

나의 Gist에 들어가면 이렇게 메인 화면이 보인다

상단의 + 아이콘을 사용하면 새 Gist를 만들 수 있다

 

 

 

공유할 코드를 붙여넣은 후 Embed 코드를 복사해서

 

티스토리 글쓰기 화면의 HTML 모드에서 원하는 곳에 코드를 붙여넣으면 끝

 

 

글 올리고 난 후에 정상적으로 코드가 들어가있는 걸 확인할 수 있다

코드라인번호도 들어가있고 적절한 하이라이트와 가독성까지 완벽하다

심지어 Gist에서 코드를 수정하면 포스트에도 반영되기 때문에 수정도 용이하다

 

그리고 Secret Gist로 작성해도 블로그 포스트를 포함, 링크를 공유 받은 사람은 내용을 볼 수 있기 때문에 내 코드가 검색에 걸리길 원하지 않는 사람은 걱정하지 말고 Secret으로 작성해도 된다

 

코드 예쁘게 넣는다고 별별짓 다해봤는데 다 필요없고 Gist가 짱!