코드블럭2 [Tistory] Code block Custom - 코드 블럭 언어명 표시, 접기 버튼 [편집 전 필독] 티스토리 스킨 편집의 기초 상식 [Tistory] 티스토리 스킨 편집의 기초 - HTML, CSS, JavaScript [개요] 티스토리 블로그는 개인 및 기업의 다양한 콘텐츠를 공유하는 데 매우 유용한 플랫폼이다. 블로그의 시각적인 요소는 방문자들에게 강력한 인상을 남기며, 스킨 편집은 그 중에서도 중요 rangvest.tistory.com [언어명 표시 및 접기 버튼 추가] 1. HTML 코드 수정 위 코드를 위에 삽입 2. CSS 코드 삽입 /*Code Block Hader(언어명) 적용 시작*/ /* 코드블럭 언어 표시 스타일 */ /* 코드 블럭 레이블 컨테이너 */ .codeLabel { position: relative; /* 요소를 상대적인 위치로 설정하여 배치합니다. *.. 2023. 8. 26. [Tistory] Code block 테마 변경 - 기본편(Syntax Highlight 적용) [Code block 테마 변경하기] 티스토리에서 기본적으로 지원하는 플러그인을 통해 코드 블럭에 테마를 적용해볼 것이다. 1. 관리 페이지 우측 하단의 플러그인 메뉴로 들어간다. 2. "Syntax Highlight - 코드 문법 강조" 클릭 위 플러그인은 티스토리에서 기본으로 제공하는 코드 블럭 테마 플러그인이다. 3. 8가지 테마 중 원하는 테마를 선택 후 적용을 클릭한다. ※ 기본 테마(8가지) 출력 예시 2023. 8. 23. 이전 1 다음
