티스토리 블로그 2

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

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

[티스토리] 블로그 디자인: 목차 자동화

안녕하세요! 오늘은 블로그 포스팅을 더욱 효율적으로 작성할 수 있는 목차 자동화에 대해 소개해드리려고 합니다. 목차 작성은 귀찮고 시간이 많이 들어갑니다. 하지만, 우리에겐 이미 해결책이 있습니다! 바로 `jquery.toc` 플러그인입니다. 이 플러그인을 활용하면 페이지의 제목을 기반으로 목차를 자동으로 생성할 수 있어, 블로그 포스팅 작성이 훨씬 수월해집니다. 더불어 자동으로 제목 태그에 ID를 생성하고 목차 리스트에 `` 태그를 생성하여 화면 이동까지 지원합니다. 이를 통해 사용자는 더욱 편리하게 글을 읽고 내비게이션할 수 있습니다. jquery.toc 플러그인 다운로드 먼저, 다운로드 페이지에서 소스 코드를 다운받아주세요. 만약에 링크에 접속이 안되실 경우 zip 파일을 다운로드 받아주세요. 압축..