반응형
블로거를 기준으로 소스코드를 이쁘게 하는 방법을 알아봅니다
참조 사이트는 http://www.craftyfella.com/2010/01/syntax-highlighting-with-blogger-engine.html
syntexHighlight 를 하기 위해서는 <head> 와 </head> 사이에 스크립트 삽입을 해야합니다.
1. 내 블로그의 템플릿에 보시면 사용중인 디자인의 아래쪽에 HTML 편집이 있습니다.
2. 클릭하게 되면 아래와 같이 템플릿 소스코드가 나열되며
3. 아래의 코드를 헤더 사이에 삽입합니다.
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 |
