2017년 2월 22일 수요일

블로그 소스코드에 하일라이트 적용

귀찮아서 코드를 적당히 올렸는데,
눈에 거슬려서 오늘 그냥 달았다.

아주 잘 준비가 되어있어서 그냥 하면 되는데 귀찮음이 뭔지..

아래는 highlightjs 사이트 링크 (사용법을 꼭 읽어보자.)

https://highlightjs.org/usage/


cdnjs 로 블로그 스킨 템플릿을 열어서 html 편집을 한다.
아래의 코드 추가

<link href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/default.min.css" rel="stylesheet">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js">
<script>hljs.initHighlightingOnLoad();

사용 법은

<pre><code>코드</code></pre>

이것으로 끝!
간단!
귀찮다고 미루지 말고 진작할걸...
하일라이트 스타일은 나중에 짬이 날 때 바꾸는 것으로 -_-;

댓글 없음:

댓글 쓰기