Javascript & jQuqery
JavaScript) highlight.js 사용하여 코드구문 강조 시키기
유노파이
2022. 1. 9. 22:30
1. https://highlightjs.org/static/demo/
highlight.js demo
highlightjs.org
2. 위 사이트에 접속하여 Themes에서 테마 이름 고르기
3. 테마 적용 시키는 법
- 스킨 편집 -> html 편집 -> 밑줄 친 부분에
테마 이름 적용 후 전체 소스를
<head></head> 사이에 넣고 적용
테마 이름 적용 꿀팁
- 대문자 -> 소문자
- 띄어쓰기 -> "-"
- "/" 그대로 적용
- ex) Base16/Tomorrow Night -> base16/tomorrow-night
<!-- 복사용 코드 -->
<!-- 코드 테마-->
<link rel="stylesheet"
href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.4.0/styles/atom-one-dark-reasonable.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.4.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>