티스토리 코드블럭 테마설정하기

티스토리에서 코드를 첨부해서 올리고 싶은데 뭔가 스타일을 정해서 올리고 싶을때가 있다. 

예를 들어서 이 왼쪽의 안드로이드 스튜디오라던지 visual studio라던지의 코드를 그대로 가져오고  싶은데..

 

 

    

     

안드로이드 스튜디오상의 코드 

 

 

 

 

 

일단 복붙하면 글 작성중에는 이렇게 뜬다.

 

 

그런데 작성 완료 누르고 보면...

 

 

변수에 색깔있는것들이 뭔가 다르게 표현되서 아쉽다는 생각이 든다. 이건 <기본>모드로 설정되었을때 이다. 

바꾸려면 관리자 모드에서 왼쪽 메뉴들 중에서 링크 위에 있는 플러그인 메뉴로 들어가서

 

 

 

검색창에 코드라고 친다. 그리고 코드 문법 강조에서 원하는 스타일을 고르면 된다. 

 

 

 

 

복붙한것처럼 모드가 없는것 같긴한데.. 각 모드별 스타일을 정리하면 다음과 같다. 

 

 

⭐ Atom One Dark

 

 

⭐ Atom One Light

 

 

⭐ Github 

 

 

⭐ Monkai

 

 

⭐ Darcula

 

 

⭐ Visual Studio

 

 

⭐ Xcode

 

 

흠 사실 변수명에 색이 입히는게 좋은데 아쉽긴하다.

https://github.com/highlightjs/highlight.js 여기에서 highlight.js를 사용해서 원하는대로 디자인하는 방법이 있다고는 하지만..  잘 모르겠다ㅎ 근데 이거 못지않게  티스토리 이미지 정렬하는거도 어렵다.. 깔끔하게 글쓰고 싶다..