코드의 섬, 코코섬

  • 홈
  • 태그
  • 방명록

Highlight.js 1

[티스토리] 코드 블록 디자인: highlight.js 적용 방법

안녕하세요! 오늘은 티스토리 블로그에서 제공하는 기본 코드 블록 대신, 테마에 어울리는 코드 블록을 적용하는 방법에 대해 소개해보려고 합니다. 몇 번의 시행착오 끝에 테마 컬러와 어느 정도 일치하는 코드를 성공적으로 적용했습니다. 플러그인 설정 확인 먼저, 플러그인을 확인해 보겠습니다. [블로그 관리> 플러그인] 메뉴에 들어갑니다. 티스토리 블로그는 기본적으로 Syntax Highlight가 적용되어 있습니다. 해당 메뉴에서 Syntax Highlight 관련 플러그인을 찾아 확인합니다. 만약 활성화되어 있다면, 해당 플러그인을 해제합니다. 테마찾기 highlight.js 에서 원하는 디자인 찾습니다. https://highlightjs.org/demo : 이 링크에서는 직접 언어를 선택하고 코드를 작성..

티스토리 가이드 2023.12.29
이전
1
다음
더보기
프로필사진

나만의 경험과 배운 것들을 담아낸 IT 블로그로, AI, DL, ML, 자바, 자바스크립트, 툴팁 등의 주제를 즐겁게 다루고 있습니다.

  • 분류 전체보기 (13)
    • 티스토리 가이드 (12)

Tag

티스토리 블로그 세팅, 폰트선택, 코딩, 블로그스킨수정, 블로그운영Tips, 오디세이 스킨, 스킨레이아웃수정, 블로그 레이아웃 수정, 티스토리, 이미지 그림자 효과, 이미지 경계선 효과, 티스토리 블로그 디자인, 이미지 가독성 향상, 코드블록, 가시성 향상, 검색 엔진 등록 방법, 웹페이지레이아웃, 검색 엔진 최적화, 티스토리 블로그, 오디세이스킨수정,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/08   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바