'분류 전체보기' 카테고리의 글 목록 (53 Page)

'분류 전체보기'에 해당되는 글 159건

2012.06.07 windows8 시작프로그램 추가/변경 2
2012.06.05 카카오톡 음성통화. 보이스톡 사용기.
2012.06.05 블로그에 소스코드를 이쁘게 syntex highlighting 하기.

winsxs 폴더 안전하고 깔끔하게 정리하기. (0)	2016.01.04
[해결] sfc 액세스가 거부되었습니다. (0)	2015.05.12
[해결] windows updates 구성 실패 무한반복 (0)	2015.05.06
윈도우7 프리미엄K 에서 파일공유 및 CVS 서버 접근 안될때. (0)	2013.03.13
windows8 CP(Consumer Preview)에서 RP(Release Preview)로 업데이트 하기. (0)	2012.06.08

포인트 통통, 무료통화 버리면 손해입니다. 무료통화(문자)로 돈버세요. 추천 leinger (0)	2013.04.08
류현진,추신수 경기 및 해외 모든 스포츠를 실시간 스트리밍으로 보자.(모바일 가능) (1)	2013.04.03
트리 운행법 해설 완결판. (0)	2012.09.22
미첼 모르가넬라. 헐리웃 액션. 이느므시키. (0)	2012.07.30
ios6 독도는 없다. 백악관에 청원을 하면 뭐하나.. (0)	2012.06.14

블로그에 소스코드를 이쁘게 syntex highlighting 하기.

블로거를 기준으로 소스코드를 이쁘게 하는 방법을 알아봅니다

참조 사이트는 http://www.craftyfella.com/2010/01/syntax-highlighting-with-blogger-engine.html

syntexHighlight 를 하기 위해서는 <head> 와 </head> 사이에 스크립트 삽입을 해야합니다.

1. 내 블로그의 템플릿에 보시면 사용중인 디자인의 아래쪽에 HTML 편집이 있습니다.

2. 클릭하게 되면 아래와 같이 템플릿 소스코드가 나열되며

3. 아래의 코드를 헤더 사이에 삽입합니다.

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeMidnight.css' rel='stylesheet' type='text/css'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js" type="text/javascript"></script>
<script language="javascript">
  SyntaxHighlighter.config.tagName  = 'textarea';
  SyntaxHighlighter.defaults['auto-links'] = false;
  SyntaxHighlighter.all();
</script>

4. 사용할때는 아래와 같이 HTML 편집기능을 이용해서 html 태그가 들어간 애들은 스크립트로 그냥 코드는 pre태그로 하면 됩니다. ㅎ

Method 1: Using the script Tag

Method 2: Using the pre Tag

Method 3: Using the textarea Tag

5. 그러면 이렇게 보입니다~ ^^*

// Comment
public class Testing {
public Testing() {
}
 
public void Method() {
/* Another Comment
on multiple lines */
int x = 9;
}
}

이걸 해보면서... 느낀게.. 이쁘게 보이는게 쉽지는 않구나.. ㅎ

여러 블로거 분들이 이렇게 힘들게 올리는 줄을 몰랐네요.

앞으로 저도 분발해야겠습니다.

'개발관련 > Script_Jquery' 카테고리의 다른 글

[javascript] timestamp 정규식 사용 변환. (0)	2016.09.06
심플한 QR CODE 생성 라이브러리 (0)	2016.07.14
클릭 이벤트로 더블클릭 이벤트를 만들어보자. (0)	2016.05.26
[jquery] id 를 배열로 받아보자. (0)	2013.04.26
syntaxHighlighter 신택스 하이라이터 브러시(brush) 종류. (0)	2012.06.13

Posted by bbokkun

복쿤. 프로그램 스토리.

'분류 전체보기'에 해당되는 글 159건

windows8 시작프로그램 추가/변경

'WINDOWS' 카테고리의 다른 글

카카오톡 음성통화. 보이스톡 사용기.

'일상생활' 카테고리의 다른 글

블로그에 소스코드를 이쁘게 syntex highlighting 하기.

Method 1: Using the script Tag

Method 2: Using the pre Tag

Method 3: Using the textarea Tag

'개발관련 > Script_Jquery' 카테고리의 다른 글

카테고리

최근에 올라온 글

글 보관함

태그목록

티스토리툴바