블로그 글에 코드 삽입할때 google code prettify 사용하기
블로그를 작성할때, 개발자의 경우 코드 개시가 많다.
이때, 구글의 코드 프리티파이를 사용하면 보다 간단하고 예쁘게 꾸밀수 있어 편리하다.
먼저, 블로그 템플릿 HTML의 <head> 와 </head> 사이에 다음 코드를 추가한다.
<script src="//google-code-prettify.googlecode.com/svn/loader/run_prettify.js?autoload=true&skin=desert"></script>
각 포스팅 글의 박스 상태의 코드 전용 표현을 하고 싶으면, HTML상에서
해당 코드 앞에
원하는 코드를 <pre> </pre> 사이에 기록하고,
마지막에
구글 prettify는 아래 링크와 같이 몇가지 스킨들이 있다.
http://google-code-prettify.googlecode.com/svn/trunk/styles/index.html
원하는 디자인을 <head> </head>에 추가한 스크립트의 skin="스킨명칭" 을 기입하면 원하는 스킨으로 표시된다.
<script src="//google-code-prettify.googlecode.com/svn/loader/run_prettify.js?autoload=true&skin=desert"></script>
각 포스팅 글의 박스 상태의 코드 전용 표현을 하고 싶으면, HTML상에서
해당 코드 앞에
<pre class="prettyprint linenums:1"> 를 쓰고원하는 코드를 <pre> </pre> 사이에 기록하고,
마지막에
</pre>를 넣어 주면 아래와 같이 보기 좋은 코드 표현이 가능하다.sudo apt-get install build-essential sudo apt-get install maven sudo apt-get install scons sudo apt-get install git sudo apt-get install curl sudo apt-get install openssl sudo apt-get install libssl-dev sudo apt-get install libjson0 sudo apt-get install libjson0-dev
구글 prettify는 아래 링크와 같이 몇가지 스킨들이 있다.
http://google-code-prettify.googlecode.com/svn/trunk/styles/index.html
원하는 디자인을 <head> </head>에 추가한 스크립트의 skin="스킨명칭" 을 기입하면 원하는 스킨으로 표시된다.
댓글
댓글 쓰기