highlight.js
카테고리 없음2017. 1. 6. 14:04
1. highlight js 확인
https://highlightjs.org/
Get version 클릭후 Get Started 내용 확인
2. 티스토리 HTML 내 스크립트 추가
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/monokai-sublime.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script src="./images/highlightjs-line-numbers.min.js"></script>
<script>
hljs.initHighlightingOnLoad();
hljs.initLineNumbersOnLoad();
</script>
3. 티스토리 CSS 내 스크립트 추가
.hljs-line-numbers {
text-align: right;
border-right: 1px solid #ccc;
color: #999;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
4. github 라인설정 라이브러리 추가
https://github.com/wcoder/highlightjs-line-numbers.js/tree/master/dist
다운후
티스토리 파일업로드
class TestClass {
int a = 0;
int b = 2;
String abc = "123";
int MethodA(String a) {
return 9;
}
}
참고 : http://kiros33.tistory.com/12?srchid=BR1http://kiros33.tistory.com/12