[Blogger] Code 리뷰할때 이쁘게 소스보여주기 Tip

Blogger 일 경우,

1. 메뉴에서 테마클릭


2. HTML 편집 클릭




3. <head> </head> 태그안에다가 소스 작성하기



소스코드


<script src='https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js'></script>



Tip ) 소스코드 스킨 바꾸는법

아래와 같이 소스코드를 수정한다.
.../run_prettify.js?lang=css&amp;skin=sunburst'></script>


스킨 종류 확인하기

1. Default
2. Desert
3. Sunburst
4. Sons-Of-Obsidian
5. Doxy



4. 테마 저장 하기

5. 글쓰기에서 HTML 클릭

6. <pre> </pre> 태그를 작성하여 안에 소스코드를 입력하기

test 소스코드 Sample
<pre class="prettyprint">
var sum=(a,b)=>a+b;
console.log(sum(2,3));
</pre>

Tip) 줄번호 추가하기
pre태크에 linenums를 추가한다.
<pre class="prettyprint linenums">
var sum=(a,b)=>a+b;
var fx=function(){
    var total=0;
    for(i=0;i<10;i++){
        total+=sum(i,3);
    }
    return total;
}
console.log(fx());
</pre>
<를 보여주고 싶으면 &lt; 로 바꾸면된다. >는  &gt;


html코드에서 소스코드 보여주기 위한 변환기 Download by.voomin kim

출처 : GitHub

댓글

댓글 쓰기

가장 많이 본 글