반응형

SyntaxHightlighter 3

구글 블로그(blogger.com) 코드 강조(SyntaxHightlighter)

블로그에 프로그래밍 관련된 여러가지 코드를 올릴때 보기 좋게 꾸며주는 것들이 있다.이런 것들을 적용할려면 스킨 또는 템플릿의 html 편집이 가능해야 한다.구글 블로그도 가능하기는 한데 해당하는 js 파일을 올리는 기능이 없다. 그렇다면? CDN 에서 제공하는 것을 이용하면 된다. jQuery 및 javascript 외부에서 추가하는 여러가지 방법 위글에서 3번째 cdnjs 에서 SyntaxHighlighter를 호스팅하고 있다.이것을 이용하여 구글 블로그에 코드 구문 강조 기능을 넣으면 된다. 1. 블로그 설정에서 템플릿 --> HTML 편집을 선택하여 들어간다. 2. html 코드가 나오는데 부분을 찾는다. 3. 그 위에 다음과 같은 코드를 넣어야 합니다. 4. 위 설정을 완료했으면 저장을 하면 됩니..

블로그 꾸미기 2013.07.24

티스토리 코드 강조(SyntaxHightlighter) 적용하기 (2)

skin.html 을 수정하고 파일을 업로드 하여 SyntaxHightlighter 적용하였다. http://crazyits.tistory.com/114 티스토리 코드 구문 강조(SyntaxHightlighter) 적용하기 (1) 2. SyntaxHightlighter의 서버를 이용하는 방법 호스트를 이용하면 트래픽(?)을 감소시킬수 있다. 그렇지만 해당 서버에 그 트래픽을 주는 것이므로 적용하는 것은 개인의 선택이다. 단점이라면 저쪽에서 읽어오는 것이기 때문에 속도, 그리고 블로그가 살아있어도 호스팅되는 서버가 죽으면 코드 강조가 작동되지 않는다.1. 적용을 하기 위해서는 티스토리 관리자 페이지로 갑니다. 2. 좌측의 메뉴를 보면 HTML/CSS 편집이 있습니다. 이것을 선택 3. 우측에 skin.ht..

블로그 꾸미기 2013.07.12

티스토리 코드 강조(SyntaxHighlighting) 를 적용하기 (1)

웹페이지에 소스코드를 넣고 따로 작업을 하지 않으면 읽기 힘들다. 코드를 보기 좋게 꾸며주는 기능을 Syntax Highlighting 라고 한다. 티스토리는 스킨의 Html을 수정할수 있어 적용이 가능하다. 적용할 것은 http://alexgorbatchev.com/SyntaxHighlighter/ 에 있는 것으로 Apache, Aptana, Mozilla, Yahoo, Wordpress 등등 여러곳에서 사용하는 제품이다. 사용하는 방법은 두가지가 있는데 그중에서 1. 티스토리 서버에 업로드 하여 사용하는 방법을 해보겠습니다. http://alexgorbatchev.com/SyntaxHighlighter/ 에 접속하여 우측을 보면 download(다운로드)가 있습니다. 그 곳을 클릭하여 페이지를 이동합..

블로그 꾸미기 2013.07.12
반응형