blog (2) 썸네일형 리스트형 티스토리 코드블럭에 chatGPT 스타일 적용하기 요즘 chatGPT 사용 시 코드블럭이 마음에 들어서 블로그에도 적용하고 싶었다. 어두운 바탕에 copy 헤드를 추가하는 것이다. 1. HTML 편집으로 들어가서 head에 cdn 스크립트를 추가한다. 나는 highlight.js의 androidstudio 스타일을 적용했다. 2. body에 copy기능 스크립트를 추가한다. 3. CSS 편집으로 들어가서 맨 마지막에 추가해준다. /* 코드블럭 시작 */ .hljs { border-bottom-left-radius : 0.375rem; border-bottom-right-radius: 0.375rem; border: 0px!important; } .code-block-header { background-color: #212121; color: #ddddd.. 티스토리 코드블럭에 원하는 언어가 없을 때(highlight) 코드블럭 삽입 창에 내가 원하는 언어가 없을 때 기본모드에서 html 모드로 바꾼 뒤 해당 코드블럭의 class를 수정해주면 된다. class 명은 아래 주소에서 찾기 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 syntax highlighter with language auto-detection and zero dependencies. - GitHub - highlightjs/highl.. 이전 1 다음