티스토리 코드블럭 스타일 변경 및 비교글(코드 문법 강조 플러그인)

 

티스토리 블로그를 꾸미다 보면 이런저런 정보를 알게됩니다. 제 블로그를 방문해주시는 분들께 혼자 알기에는 아까운 정보들을 공유하고 싶어져요. 특히나 코드에 대한 정보에 대한 검색이 많은 것 같아요. 이런 코드를 더 가시성 좋게 공유하기 위해서 티스토리의 플러그인 코드 문법 강조를 사용하면 됩니다.

 

Tip. 코드블럭에 복사버튼 넣기

일반적으로 코드는 복잡하기에 하나하나 키보드로 타이핑 하기 어렵죠. 그래서 복사 붙여넣기를 쉽게 하기 위해서 코드블럭에 복사 버튼을 만들 수 있습니다. 아래 글을 참고 해보세요. 이번 코드블럭 스타일과 같이 사용하면 효과가 더 좋습니다.

 

블로그 글 작성할 때 코드블럭에 복사버튼 추가하는 방법

블로그 글 작성할 때 코드블럭에 복사버튼 추가하는 방법

 

 

 

 

 

1. 티스토리 플러그인 '코드 문법 강조'

티스토리에서 고맙게도 플러그인의 코드 문법 강조를 통해 여러가지 코드블럭 스타일을 제시해주고 있습니다.

 

블로그 관리 > 플러그인 > 코드 문법 강조를 누르시면, 여러가지 스타일을 지정할 수 있습니다.

 

아쉽게도 해당 페이지에서 바로 변경한 스타일의 미리보기를 볼 수 없습니다. 그래서 아래 각각 스타일이 어떤 식으로 보여지는지 준비해 봤습니다. 잘 보시고 자신의 블로그 스타일에 맞는 코드블럭의 스타일을 지정하시길 바랍니다.

 

2. 코드블럭 스타일

 

2-1. 기본

 

2-2. Atom One Dark

 

 

 

 

 

 

 

 

2-1. Atom One Light

 

2-3. Github

 

2-4. Monokai

 

2-5. Darcula

 

2-6. Visual Studio

 

2-7. Xcode

 

 

 

3. 코드블럭 스타일 모아보기

 

 

 

 

 

 

저는 어두운 느낌의 코드 블럭이 좋은데, 개인적으로 다섯번째인 Monokai가 가시성이 좋아보입니다. 그래서 현재 블로그도 Monokai를 선택하며 정책하게 될 것 같네요.

 

마치며

블로그에 대해 계속해서 공부하고 있습니다. 제가 알아가는 것들을 저의 블로그를 통해 공유하도록 하겠습니다. 혹시나 잘 안되거나, 질문이 있으신 분들은 댓글을 달아주시면 답변해 드리겠습니다. 좋은 블로그 생활들 하시길 바랍니다. 좋은 하루 되시길 바랍니다.