Living a Better Life

경제적 자유를 위해 도전하고 시도합니다.

반응형

코드블럭 2

오디세이 스킨 코드블럭(Syntax Highlight) CSS 분석

오디세이 스킨에서 html 이나 CSS 코드를 블로그에 올릴 때가 많습니다. 가독성이 좋기 위해 코드블럭 플러그인을 사용중인데 코드블럭 관련 CSS를 알아봅니다. 티스토리 코드블럭 테마 7가지 티스토리에서는 플러그인을 통해 7가지 테마를 제공하고 있는데 그 테마 예시와 플러그인을 적용하는 방법에 대해 먼저 보시고 CSS 분석을 보시는 게 좋습니다. 내 블로그 스킨이나 디자인에 어울리는, 혹은 내가 좋아하는 스타일의 코드 하이라이트여야 하니까요. 티스토리 코드블럭 Syntax Highlight 테마 예시보기 블로그에 html 이나 CSS 소스코드를 공유하시는 분들이 많습니다. 이미지로 캡쳐해서 사용하기도 하지만, 코드를 코드블럭을 통해 작성하면 코드에 대한 가독성이 높아집니다. 티스토리에 있는 living..

티스토리 코드블럭 Syntax Highlight 테마 예시보기

블로그에 html 이나 CSS 소스코드를 공유하시는 분들이 많습니다. 이미지로 캡쳐해서 사용하기도 하지만, 코드를 코드블럭을 통해 작성하면 코드에 대한 가독성이 높아집니다. 티스토리에 있는 코드블럭 플러그인을 소개합니다. 목차 플러그인 > Syntax Highlight ▲먼저 코드 문법을 강조하기 위해서 하이라이트를 주고 싶다면, 티스토리에서 플러그인으로 제공하고 있습니다. 물론 코드블럭 플러그인이 최신 업데이트가 안되고 탭간격 조절이 안되는 단점이 있습니다. 하지만, 가장 쉽게 코드블럭을 보기 좋게 바꾸는 방법이지요. 그래서 티스토리에서 가장 쉽게 1초만에 코드블럭을 사용하는 방법은 플러그인에서 Syntax Highlight 를 눌러주는 것입니다. 코드블럭 테마 선택 > 적용 ▲티스토리 코드블럭, 코드..