티스토리 플러그인으로 코드블럭 꾸미기

티스토리를 개발공부 일지로 활용하다보니 코드블럭을 입력해야 하는 경우가 많은데, 게시물을 업로드 하고 나면 늘 결과물이 불만이었다. 글과 코드블럭의 여백과 경계가 불분명하여 가독성이 떨어졌기 때문이었다. 안 예뻐 절대 안 예쁘다고!

 

 

글을 올릴때는 회색 배경의 박스 안에 들어있어서 그리 나쁘지 않은데, 막상 게시물 등록을 하고 나면 위의 이미지처럼 보여서 망...=_=

그래서 코드블럭 디자인 튜닝을 해야겠구나, 마음을 먹고 알아보니 티스토리에서 제공하는 플러그인 중에 코드블럭 테마를 선택할 수 있는 플러그인이 있었다. 이렇게 쉽게 바꿀 수 있는 거였는데 아직까지 모르고 있었다니 OTL 당장 바꾸러 가자!

 

 

관리자 페이지 좌측의 플러그인 카테고리를 클릭하면 우측 부분에 플러그인 리스트가 쭉 나열된다. 상단 부분에는 현재 사용하고 있는 플러그인이 보여지고, 그 아래로 설치가능한 플러그인 목록이 이어진다. 코드 문법 강조 Syntax Highlight 플러그인을 찾아서 선택한다.

 

 

위와 같이 '본문 안의 코드블럭을 다양한 테마로 강조해보세요'라는 문구와 함께 어떤 테마를 선택할 것인지 결정할 수있다. 나는 github와 atom 테마 중에 고민했는데, 배경이 검정색으로 보여지면 글과 코드블럭의 경계가 확실히 구분될 것 같아서 Atom One Dark 테마를 선택했다. 선택한 후 적용 버튼을 클릭하면 끝! 

 

 

플러그인이 적용된 것을 좌측 상단 '사용중'이라는 아이콘(?)으로 확인할 수 있다. 테마를 바꾸고 싶다면 언제든지 플러그인을 다시 선택해서 변경이 가능하다. 

 

 

아직까지 작성한 게시물에 검정 배경의 아톰 테마가 일괄 적용되었다. 앞으로 코드블럭을 사용하여 게시물을 작성하는 시간이 훨씬 더 즐거워질 듯 하다.