IT/팁과 강좌 RootKR 2019. 8. 6.
안녕하세요. RootKR입니다. Highlight 코드 강조 라이브러리를 적용하면 위 사진처럼 나오는데, 줄 번호(line number)은 나오지 않아서 아쉽더군요. 찾아보니 개발자 Yauheni Pakala가 만든 highlightjs-line-numbers 자바스크립트를 사용하면 된다고 합니다. 티스토리 블로그 관리에서 꾸미기 메뉴의 "스킨 편집" 텍스트를 클릭해서 HTML 편집으로 들어가 주세요. 태그 위에 아래 소스를 복사 붙여넣기 해 주세요. Cloudflare CDN 사용을 원치 않는 분들은 2번째 소스를 삽입해주시고 highlightjs-line-number.js를 다운받아서 파일 업로드해주세요. Highlight Line Number JavaScript 다운로드 : https://githu..
IT/팁과 강좌 RootKR 2019. 7. 8.
안녕하세요. RootKR입니다. 티스토리 글쓰기 에디터 개편되면서 새로 추가된 기능중 하나가 코드블럭 기능입니다. 글쓰기 에디터내에서는 스타일(테마) 적용되서 깔끔하고 이쁘게 나오지만, 게시물에서는 스타일(테마) 적용되지 않아서 아쉽더군요. Highlight 자바스크립트 파일을 이용해서 하이라이트 스타일 적용하는법을 알려드리겠습니다. 자신의 블로그 관리 페이지에서 꾸미기의 "스킨편집 " 버튼을 클릭해주세요. "HTML 편집" 버튼을 클릭해주시고 위에 아래 소스를 복사해서 붙여 넣어주세요. highlight 기본 스타일(default.min.css)가 싫으시다면 첫번째 주소를 들어가서 마음에 드는 스타일을 찾아주세요. 2번째 링크를 들어가서 마음에 드는 스타일 파일 이름을 찾으신후, default를 지우고..