2015년 12월 3일 목요일

blogspot 에 코드 이쁘게(?) 삽입하기

출처 : https://github.com/google/code-prettify

1. 블로그 설정 > 템플릿 > HTML 편집 클릭

2. <head></head> 태그 사이에 아래 js 링크 삽입
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?lang=css&amp;skin=sunburst"></script>

3. 템틀릿 저장

4. 글쓰기 > html 편집으로 전환

5. 코드 시작과 끝에 <pre class="prettyprint"> 과 </pre> 삽입

6. 게시 후 확인


ps. 기본 설정은 line numbering 이 5줄 마다 표시가 된다.
매 줄 마다 line numbering 을 하려면 아래 css 를

레이아웃 > 템플릿 디자이너 > 고급 > css 추가 에 추가한다.

li.L0, li.L1, li.L2, li.L3,
li.L5, li.L6, li.L7, li.L8
{ list-style-type: decimal !important }

댓글 없음:

댓글 쓰기