Blogger에서 syntax highlight 사용 정리

Blogger를 사용하면서 아쉬운 점중에 하나는 code syntax highlight를 사용하기 어렵다는 것입니다. 구글링을 해 보고 좀 불편하지만 나름 동작하는 방법을 찾아냈기에 간단히 정리해 봅니다.

  1. blogger 메뉴의 템플릿을 선택하고 HTML 편집 버튼을 누른다
  2. <head>뒤에 다음의 코드를 입력한다. (4줄중 뒤의 두줄은 scala나 sql을 쓸 일이 없다면 생략해도 되겠습니다)
    <link href="http://google-code-prettify.googlecode.com/svn/trunk/styles/sunburst.css" rel="stylesheet" type="text/css"/>
<script src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js" type="text/javascript"/>
<script src='http://google-code-prettify.googlecode.com/svn/trunk/src/lang-scala.js' type='text/javascript'/>
<script src='http://google-code-prettify.googlecode.com/svn/trunk/src/lang-sql.js' type='text/javascript'/>
  3. <body>를 찾아 다음과 같이 수정한다. 
    <body onLoad="prettyPrint()">
  4. 템플릿 저장 버튼을 누르고 빠져나온다
  5. 위와 같이 하면 dynamic view가 아닌 경우 code의 syntax highlight를 사용할 수 있습니다. dynamic view의 경우 body의 onLoad 자바 스크립트가 실행되지 않으므로(항상 그런건 아닌것 같습니다만...) 글을 다 작성한 다음 HTML 모드에서 다음 코드를 추가해 주어야 합니다. 포스팅할때마다 삽입하는게 귀찮으니 저의 경우 스크래치 패드에 적어놓고 붙이기를 하고 있습니다. 그리고 HTML 모드에서 글쓰기 모드로 바꾸었다 다시 돌아오면 편집기에서 태그를 엉망으로 만드는 단점이 있기도 합니다. -.-;
    HTML 모드에서 작성하면 dynamic view에서도 잘 보입니다. 기본적인 내용은 글쓰기 모드에서 작성한 다음 HTML 모드에서 코드를 붙여서 저장하면 굳이 아래의 코드를 덧붙이지 않아도 동작하는 것 같습니다.
    <script type="text/javascript">
(function() {
try {
prettyPrint();
} catch(e) {
var scriptId = 'prettyPrinter';
if (document.getElementById(scriptId) === null) {
var elem = document.createElement('SCRIPT');
elem.id = scriptId;
elem.onload = function() {
prettyPrint();
}
elem.src = "https://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js";
var theBody = document.getElementsByTagName('body')[0];
theBody.appendChild(elem);
}
}
})();
</script>

참고)

댓글

댓글 쓰기

이 블로그의 인기 게시물

터미널에서 스칼라 파일 직접 컴파일, 실행

항상 sbt나 eclipse 파일 받아서 실행시키다 보니 처음부터 만드는 방법을 아직 모르고 있다. 일단 컴파일및 실행. scalac -classpath ".:/외부라이브러리패스/*" demo.scala scala 클래스이름 스칼라의 기본 라이브러리만 사용하는 경우에는 classpath를 지정할 필요없지만 외부 자바라이브러리라도 사용하려면 위와 같이 지정해주어야 한다. 쌍따옴표(")를 사용하지 않으면 IO에러가 발생하며 *.jar와 같이 지정해 주어도 제대로 찾지 못한다. 앞의 '.'를 지정하지 않으면 scala 실행시 현재 디렉토리에서 클래스를 찾지 않는다. 반복적으로 사용하는 경우 .bash_profile에 다음과 같이 환경변수로 지정 export CLASSPATH=".:/외부라이브러리패스/*"
자세한 내용 보기

로잉 머신 운동 2달째

지난번 로잉머신 구입 포스팅을 한지도 2달이 지나갑니다. 그 사이 세 식구 모두 나름 꾸준하게 운동했고 모두가 어느 정도의 효과를 체험하고 있습니다. 아는 것은 없지만 로잉에 대해 느낀점에 대해 포스팅해 봅니다. 로잉의 운동 방식은 땅에서 물건을 들때와 동일합니다. 물건을 잡고 먼저 다리를 이용해서 힘을 얻은 다음 허리를 펴고 어깨 뒤쪽의 근육을 이용해서 명치부위까지 물건을 들어 올리는 것이죠. 로잉 머신에 앉은 사람의 모습을 시계방향으로 90도 돌린다고 생각하면 이해가 더 쉬울지도 모르겠습니다. 이때 가장 중요한 점은 허리를 곧게 펴는 것 입니다. 무게가 가벼울 때는, 즉 공기 저항 수치를 낮게 놓고 살살 잡아 당길때는 허리를 구부린 자세도 크게 무리가 가지 않을 수 있지만 저항과 힘을 늘일수록 지렛대의 받침과 같이 요추에 힘이 많이 들어 가므로 부상을 입기 쉽습니다. 항상 허리가 일자로 펴진채 있도록 힘을 주는걸 명심하시기 바랍니다. 운동전에 스트레칭을 하는 것이 좋지만 초반에 운동량을 약하게 시작해서 점점 늘리는 것으로 대치하겠습니다. 자리에 앉아서 공기 저항이 얼마로 설정되어 있는지 확인한 다음 손잡이를 아래쪽 거치대까지 당겨 놓습니다. 자리를 앞뒤로 몇번 움직이면서 좌석 아래 바퀴와 발받침대의 고정은 괜찮은지 확인해 봅니다. 어깨와 팔꿈치에 힘을 빼고 손잡이를 잡은채 다리의 힘만으로 앞뒤로 왔다갔다 하면서 느껴지는 저항감은 적당한지, 특히 어깨 뒤쪽 근육에 당겨지는 느낌 이 드는지 확인합니다. 어깨와 팔에 힘을 주고 있으면 잘 느껴지지 않지만 힘을 빼면 근육이 늘어나는 것이 느껴집니다. (이 힘을 느끼는 것이 개인적으로는 중요하다고 생각합니다.) 다리힘으로 로잉을 하다 이제는 허리를 살짝 뒤로 젖힌다는 느낌과 함께 상체를 써서 손잡이를 명치 부위까지 잡아 당깁니다. 이때 끝까지 잡아당기면 아까 힘을 뺐을때 늘어난다는 느낌이 들었던 어깨 뒤쪽 근육이 완전히 수축한다는 느낌 이 듭니다. (아마도 이 느낌을 무한도전의 로잉 코치분은 끝까지 잡아챈다고 표현했...
자세한 내용 보기

curses 라이브러리 간단한 정리

이미지
Ruby에서의 curses 라이브러리가 windows XP의 command 창에서도 동작하길래 몇가지 명령어만 간단히 정리해 봅니다. 기본 형식 init_screen으로 실행하고 ensure 문을 사용해서 반드시 close_screen이 호출되도록 한다 require 'curses' include Curses init_screen begin # 실행코드 ensure close_screen end 커서 관련 setpos 함수로 커서 위치 지정하고 curs_set 함수로 커서를 보이게 하거나 감춘다 화면 입출력 출력은 addstr 함수, 한글자 입력은 getch, 문자열 입력은 getstr 함수 사용자 입력을 보이지 않게 하려면 noecho 함수 호출 사용자가 enter 입력할 때까지 line buffer 방식으로 입력받으면 nocbreak 함수, 인터액티브하게 사용자가 한글자 입력할 때마다 바로 받으려면 cbreak 함수 호출 컬러 init_screen 호출 이후 start_color 함수 호출 color 사용 가능한지는 has_colors? 함수로 알 수 있고 사용가능한 색의수는 colors 함수로 알 수 있다. 색을 표시하려면 init_pair 함수로 pair에 글자색과 배경색을 지정한 다음 attron 함수로 색을 지정하고 출력한다. 색 자체를 RGB 조합으로 지정하려면 init_color 함수를 호출하면 될듯 (시험해보지 않음) init_pair(COLOR_RED,COLOR_RED,COLOR_BLACK) init_pair(COLOR_YELLOW, COLOR_YELLOW, COLOR_BLACK) setpos((lines - 5) / 2, 20) attron(color_pair(COLOR_RED) | A_NORMAL) { addstr("한글 시험") } attron(color_pair(COLOR_YELLOW) | A_BOLD) { addstr("...
자세한 내용 보기