봄이오네

목 차 1. 들어가며 2. 사전설명 1) 코드블럭의 코드넘버(줄번호) 2) 코드블럭의 스크롤 3. 코드번호와 스크롤 적용 1) 코드블럭의 코드넘버(줄번호) 설명 2) 스크롤 적용하기 4. 마치며 1. 들어가며 지난 글에서는 Odyssey 스킨에 코드블럭을 적용하는 방법을 알아보았다. 이번 글에서는 코드블럭의 왼쪽에 코드넘버(줄번호) 및 스크롤 적용을 알아볼 것이다. ※ 작업 전, 티스토리의 HTML 및 CSS의 원본은 반드시 백업을 해두도록 하자. 2. 사전설명 1) 코드블럭의 코드넘버(줄번호) 개념 : 코드블럭의 왼쪽에 있는 숫자를 의미 설정 : 티스토리 HTML 편집에서 HTML 과 CSS를 수정 필요성 : 굳이 코드넘버가 필요없지만, 티스토리 내 코드의 가독성을 높여준다. 2) 코드블럭의 스크롤 개..

목 차 1. 들어가며 2. 사전설명 3. 코드블럭 설정 방법 1) Syntax Highlight 사용하기 2) highlightjs 라이브러리를 티스토리에 연결 3) highlight.js 테마 직접 추가하기 4. 마치며 1. 들어가며 ※ (주의) 티스토리의 HTML, CSS 등을 수정할 경우, 원본은 반드시 백업을 해두도록 하자. 티스토리는 블러그 스킨으로 Book Club형, Poster형, 반응형 등 10가지를 사용자에게 제공하고 있다. ※ 스킨 확인 경로 : 티스토리 설정 > 꾸미기 > 스킨변경 이 중 필자는 Odyssey 스킨을 사용하고 있다. 특별히 이유가 있었던 건 아니다. 이 글을 쓰는 이유는, 나중에 생각없이 스킨을 변경으로 기존 스킨을 다 날릴까봐, 기록 차원에서 글을 남긴다. ※ 한가..