티스토리 코드블럭(codeblock) 커스터마이징 디자인

본 글은 티스토리 코드블럭과 관련하여, 하이라이트 적용, 폰트 수정, 열기 및 닫기 버튼 적용, 줄번호 및 줄 바꿈(스크롤) 적용, 그리고 코드블럭 부분 복사 방법 등을 다룬다. 하나하나 적용하다 보면 아래와 같은 코드블럭 디자인이 완성된다. HTML 삽입 미리보기할 수 없는 소스 1] 코드블럭 기본 사용 방법 티스토리에서 기본으로 제공하는 코드블럭을 사용하는 방법이다. ① '더보기' 버튼을 클릭한다. ② ' 코드블럭'을 클릭한다. ③ 'HTML', 'CSS' 등 다양한 '언어명' 중 하나를 선택한다. ④ '코드 내용'을 입력한다. ⑤ '확인'을 클릭한다. ⑥ '완료'를 클릭한다. ⑦ 출력된 모습이다. 출력된 모습이 밋밋해서 도저히 참을 수 없다면 다음 단계를 진행한다. 2] 코드블럭 플러그인 'Synt..

원문링크 : 티스토리 코드블럭(codeblock) 커스터마이징 디자인