[컴] blogger syntax highlighting

블로거 / 신택스 / 하이라이트 / 문법 / 블로그 / 페이지

blogger syntax highlighting

prismjs 사용

<head>
<link href="https://unpkg.com/prismjs@1.29.0/themes/prism.css" rel="stylesheet" />
<script src="https://unpkg.com/prismjs@1.29.0/components/prism-core.min.js"></script>
<script src="https://unpkg.com/prismjs@1.29.0/plugins/autoloader/prism-autoloader.min.js"></script>
...

그러면 page에 아래와 같이 class 가 language-xxx로 되어 있는 것들에 대해서 highlighting 된다.

<pre><code class="language-css">p { color: red }</code></pre>

지원하는 언어는 다음 링크에서 확인할 수 있다.

댓글 없음:

댓글 쓰기