코드 블럭2 [Tistory] Code block custom - Code 라인별 숫자 추가, 폰트 설정, 가로 스크롤 [Code 라인별 숫자 추가] 1. HTML 코드 수정 2. CSS 편집 /* 라인 번호 블록에 대한 스타일링 */ /* Line Number CSS */ /* for block of numbers */ .hljs-ln-numbers { /* 다양한 브라우저에서 터치 콜아웃과 사용자 선택 비활성화 */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center;/* 번호 가운데 정렬 */ color: #B5B5B5;/* 번호 색상 설정 */ border-right: 1.. 2023. 8. 25. [Tistory] Code block 테마 변경 - 심화편 (Highlight.js 활용) [Highlight.js] 아무래도 기본 테마는 부족한 점들이 많다. 그래서 우리는 또 다른 여러 가지 테마를 직접 가져와 적용해볼 것이다. ◈ Highlight.js ◈ highlight.js Usage highlight.js can be used in different ways such using CDNs, hosting the bundle yourself, as a Vue plug-in, as ES6 modules, with Node.js, and web workers. See our README on GitHub for more details. As a Module Highlight.js can be used with Node on the highlightjs.org 이렇게 테마를 직접 받아서 적.. 2023. 8. 23. 이전 1 다음
