2013년 1월 29일 화요일

구글 블로그에 code style 적용하기

출처: How to use prettify with blogger/blogspot?

구글 블로그에는 코드 스타일 넣는 것이 없어서 찾아 보다가 좋은 팁을 발견 했다.
원본 내용에는 여러가지 방법들이 있는데, 그 중 가장 간단한 방법이 아래 방식이다.

  • Go to Blogger-->Layout-->Edit HTML
  • Copy the following snippet and paste it immediately after "<head>" in the "Edit template" field:
<link href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css' rel='stylesheet' type='text/css'/> <script src='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js' type='text/javascript'></script>
  • After "</head>" replace "<body>" with "<body onload='prettyPrint()'>"
  • Click "SAVE TEMPLATE"
  • Go to Blogger-->Posting-->New Post. Make sure you're editing the HTML by clicking on "Edit HTML". In the empty field try:
<pre class="prettyprint">int foo=0; NSLog(@"%i", foo); </pre>
  • Notice if you click "Preview" now you'll see this code in black only. Don't worry (yet).
  • Click "PUBLISH POST" and then "VIEW BLOG". Your code should be prettified.

이렇게 간단한 방법이....

댓글 없음:

댓글 쓰기