기타

티스토리 코드 하이라이트 적용하기

참깨빵위에참깨빵_ 2020. 3. 23. 19:43
728x90
반응형

내가 내 티스토리에 써둔 코드를 복사해야 할 일이 있어서 드래그하는데 거지같이 드래그되는 걸 봤다.

내가 썼던 글이니 글 수정하기 눌러서 원문을 복사하는 걸로 때웠지만 이것도 귀찮아서 코드 하이라이트를 어떻게 적용하는지 구글에 물어봤다.

그리고 답을 찾았다.

 

https://simsi6.tistory.com/43

 

티스토리 마크다운 코드블럭에 하이라이트 적용하기

티스토리는 현재 마크다운을 공식지원 하고 있지만 코드 하이라이팅은 기본으로 적용되지 않습니다. 코드 하이라이트가 적용 된 스킨을 사용하고 계시는 분들도 있고 개인의 취향에 따라 자율적으로 스타일을 적용..

simsi6.tistory.com

1번과 2번 방법이 있다. 1번은 티스토리의 블로그 관리 페이지에서 플러그인을 누르고 어째저째 해서 코드 하이라이트를 적용하는 방법이었다. 2번은 1번이 실패하면 시도하려고 생각해서 아예 보지도 않았다.

 

먼저 블로그 관리 페이지에서 플러그인 메뉴를 클릭한다.

 

 

플러그인을 클릭하면 이 화면이 나온다. 여기서 검색 버튼을 누르고 "코드 문법 강조" 라고 검색한다.

 

 

저걸 누르면 이 화면이 나온다. 밑에서 제공되는 여러 코드 하이라이팅 테마들이 있으니 선택하면 된다.

 

현재 난 Darcula 테마를 쓰고 있다. 안드로이드 스튜디오 기본 테마와 비슷하기도 하고 다른 테마 중 글씨가 가장 잘 읽히는 것 같아서 이 테마를 선택했다.

아쉬운 건 이 테마가 어떤 색으로 이뤄진 테마인지 볼 수 없다는 것이다. 선택한 다음 적용을 누르고 코드가 있는 글을 새로고침해서 어떻게 적용되는지 일일이 확인할 수밖에 없다는 게 단점이긴 하다. 단점이래도 30초면 모든 테마를 다 확인할 수 있어서 내겐 딱히 단점으로도 생각되지 않았다.

이제 나중에 이곳에 써둔 코드가 필요할 때 일일이 수정 버튼 눌러서 복붙하지 않아도 되고 여기 오는 사람들도 코드를 좀 편하게 볼 수 있을 것 같다.

반응형