블로거 / 신택스 / 하이라이트 / 문법 / 블로그 / 페이지
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>
지원하는 언어는 다음 링크에서 확인할 수 있다.
댓글 없음:
댓글 쓰기