Learn and Be Curious

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