본문 바로가기

Web/ETC

티스토리 Highlight.js 적용하기

1. Highlight.js 설치

https://highlightjs.org/


2. HTML/CSS 편집

<link rel="stylesheet" href="//cdn.jsdelivr.net/highlight.js/8.7/styles/default.min.css">
<script src="//cdn.jsdelivr.net/highlight.js/8.7/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

3. Highlight.js 사용법

편집기 HTML 모드 사용

<pre><code>...</code></pre>