반응형
자바스크립트를 사용한 코드 하이라이트를 블로그에 적용하는 방법.
티스토리의 스킨 파일 업로드에 스크립트 파일을 올린다고 접근이 되는건 아니구나. 하고 깨달음.
그래서 외부 사이트에서 호스팅 하는 방법을 고려함.
설정
<head> 부분의 적당한 위치에 다음을 삽입한다.
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<link href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js"></script>
<script>
$(document).ready(function(){prettyPrint();});
</script>
사용
표현할 코드를 다음의 태그로 둘러싼다.
<pre class="prettyprint"><code class="language-java">...</code></pre>
테스트
public static void main(String[] args) {
//System.out.println(args[0]);
if (args.length>0 && args[0].equals("h")) {
System.out.println(args[0]);
} else {
App.launch(args);
}
}
참조
google-code-prettify (http://google-code-prettify.googlecode.com/svn/trunk/README.html)
반응형
'IT > Software' 카테고리의 다른 글
| 일러스트레이터에서 레이어 별로 이미지 저장 (1) | 2013.05.23 |
|---|---|
| 전문가를 위한 나인 패치 이미지 제작 툴 (0) | 2013.02.18 |
| Adobe CS2를 무료로. (0) | 2013.01.08 |
| 우분투의 시스템 시간 (0) | 2013.01.01 |
| USB 메모리에 우분투를 설치하는 방법 (2) | 2012.12.31 |
