-
2022.09.28
[티스토리 블로그] 코드 블럭에 라인 넘버(줄 번호) 넣는 방법
코드 블럭에 라인 넘버(줄 번호) 넣는 방법 들어가며 몇 가지 코드를 추가해줌으로써, 티스토리 블로그의 코드 블럭에 라인 넘버(줄 번호)를 넣을 수 있다. 방법 ① HTML 수정해주기 : highlight.js 불러오기 태그 앞에 아래의 코드를 넣어준다. ② CSS 수정해주기 : 라인 넘버 스타일 적용시켜주기 라인 넘버의 스타일을 적용해주는 코드이다. 다음과 같이 CSS 코드를 넣어준다. .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: ..
-
2022.01.09
Mac Style Code Highlighter (Carbon)
Mac Style Code Highlighter (Carbon) Mac 스타일로 예쁘게 코드 블럭을 만들고 싶을 때 유용한 사이트이다. .PNG, .SVG 파일로도 저장할 수 있다. ▶ 사이트 바로가기 : https://carbon.now.sh/ Carbon | Create and share beautiful images of your source code carbon.now.sh
-
2021.11.16
[티스토리 블로그] 코드블럭 원하는 언어로 확장하기
코드블럭 원하는 언어로 확장하기 (티스토리 블로그) 티스토리는 기본적으로 다음의 언어들을 코드블럭에 적용시킬 수 있도록 지원한다. 하지만, 티스토리에서 지원하지 않는 다른 언어를 코드블럭에 적용시키고 싶다면? 티스토리 블로그의 코드블럭은 hightlight.js 를 이용하기 때문에 간단하게 HTML 코드만 수정해주면 적용시킬 수 있다. https://github.com/highlightjs/highlight.js/blob/main/SUPPORTED_LANGUAGES.md GitHub - highlightjs/highlight.js: JavaScript syntax highlighter with language auto-detection and zero dependencies. JavaScript synt..
