본문 바로가기
티스토리 사용법

[티스토리] 코드 블럭 커스터마이징

by 로기(dev-loggi) 2022. 12. 29.

티스토리는 타 블로그 플랫폼에 비해 코드 블럭 기능의 디자인과 가독성면에서 상대적으로 떨어진다는 평을 받습니다.

대신 티스토리는 커스터마이징의 자유도가 높은 편이기 때문에 코드 블럭 디자인에 대한 자료를 찾다가 깔끔하게 잘 정리되어 있는 글을 발견하여 링크를 그대로 첨부해봤습니다.

 

 

 

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

본 글은 티스토리 코드블럭과 관련하여, 하이라이트 적용, 폰트 수정, 열기 및 닫기 버튼 적용, 줄번호 및 줄 바꿈(스크롤) 적용, 그리고 코드블럭 부분 복사 방법 등을 다룬다. 하나하나 적용하

jinyh.tistory.com

 

위 블로그 내용 목차

  • 코드 블럭 기본 사용법
  • 플러그인 [Syntax Highlight]
  • Highlight.js
  • 코드 블럭에 폰트 수정
  • 코드 블럭에 가로 스크롤 적용
  • 코드 블럭에 줄번호 적용
  • 코드 블럭에 열기 & 닫기 버튼 적용
  • 코드 블럭 부분만 복사 허용

댓글