Tistory 코드블럭으로 소스 작성하기.

개발 관련된 내용을 작성하다 보면 예시 코드를 많이 작성하게 된다. tistory에 있는 기본 코드블럭을 사용했는데, 내 생각보다는 예쁘지 않게 나와 항상 아쉬움이 있던 와중 다른 분들의 블로그에 사용된 코드블럭은 내가 사용한 스타일과 다름을 확인하였다.

 

남의 떡이 더 커보인다고, 내가 평소 사용하는 기본 코드블럭을 꼭 바꾸고 싶은 집착이 들어 이것저것 찾아보던 중 의외로 굉장히 쉽고 단순하게 할 수 있는 방법을 알아내었다.

 

부디 나처럼 간편한 부분에서 답을 찾지 못하고 헤매는 분들에게 도움이되는 포스팅이길 바라며..!

 

---

tistory를 관리하시는 분이라면 관리 페이지를 자주 들어갈 것이다. 말 그대로 콘텐츠, 댓글, 방명록, 통계 등 블로그에 관련된 다양한 것들을 관리할 수 있는 페이지이다. 코드블럭의 정답은 바로 여기에 있었다.

 

바로 '플러그인'

 

가끔 스킨 바꿀 때, 한 번씩 원하는 플러그인들을 설치하여 세팅 한 이후로 들어간 적이 없는데, 코드블럭이 이곳에 숨겨있을 줄은 몰랐다. 관리 페이지의 플러그인은 좌측 메뉴의 하단 부분에 있는

플러그인을 클릭하여 진입할 수 있으며,

https://본인의아이디.tistory.com/manage/plugins

의 URL을 이용하여 접속 할 수도 있다.

 

플러그인 페이지에 진입하면 하단에

코드 문법 강조라고 있으며, 상단 검색바에서 코드라고만 검색해도 된다.

 

코드 문법 강조 플러그인의 테마는 총 7가지로 되어있으며, 원하는 스타일로 적용시키면 될 듯하다.

/**
 * 이것은 Atom One Dark 스타일인데,
 * 아쉽게도 플러그인 내에서 미리보기가 제공되지 않아
 * 하나씩 설정하여 확인하는 수작업을 해야한다.
 */

그래서 내가 정리해쥼!

 

dark style : Atom One Dark, Monokai, Dracula

gray style : Atom One Light, Git Hub

white style : Visual Studio, Xcode