'블로그 소스'에 해당되는 글 2건

  1. SyntaxHighlighter(블로그 소스꾸미기, 코드 하이라이터)
  2. Color Scripter(블로그 소스꾸미기, 코드 하이라이터)

앞서 리뷰한 Color Scripter와 비슷한 블로그 소스 꾸미는 툴입니다.

Color Scripter는 네이버에서도 사용이가능하지만 SyntaxHighlighter는 설치형 블로그에서 사용 가능합니다.

Color Scripter보다 더 화려하게 표현하는것이 가능하며 사용자 입맛에 맛게 수정 가능합니다.

다운로드 경로 : http://alexgorbatchev.com/SyntaxHighlighter/download/

다운로드 받으신후 압축을 푸시고 다음과 같이 관리자 페이지에서 Script와 Style폴더의 내용을 전부 업로드 해줍니다.


업로드가 완료되었으면 다시 HTML/CSS에서 <head>~</head>사이에 다음과 같은 코드를 입력해줍니다.

// 주석문은 적용하시려는 부분에 맞게 설정해주시면 됩니다.

Syntaxhighlighter_Script추가.txt

메모장 다운받으셔서 넣으셔도 됩니다.

사용법

글쓰기의 HTML체크후

다음과 같이 pre나 textarea를 사용해서 적용하시면 됩니다.




블로그에 HTML이나 CSS등 다양한 언어들의 소스를 꾸미고 올릴수 있는 Color Scripter입니다.

SyntaxHighlighter가 더 기능도 뛰어나지만 SyntaxHighlighter의경우 HTML코드에서 작성해야 하며

<pre>~</pre>나 <textarea>~</textarea>를 써서 작성해야 하므로 아무래도 글을 작성하면서 보기가 어렵더군요..

또한 Color Scripter의 장점으로는 웹에서도 실행이 가능한점과 포터블 버전도 지원이 되고 있는점입니다.

저는 크롬에 즐겨찾기 해놓고 탭하나 더띄워서 사용하는데 아주 명기라고 생각하네요 ㅎㅎ

주소 : http://prev.kr/apps/ColorScripter

저는주로 JAVA를 했기때문에 JAVA나 HTML, CSS를 주로 사용합니다. 설정탭에 들어가게되면

다음과같이 글꼴과 스타일속성을 사용자 정의로 지정해놓으면 색상설정도 가능합니다.

저는 이클립스를 주로써온터라 녹색 주석이 마음에들어 녹색으로 지정해놓고 사용합니다.

설정 저장이 그당시에만 적용이되서 다른사이트로 이동했다가 다시 Color Scripter를 들어가면 설정이 초기화 되는 단점이 존재하기도 합니다.


아무튼 코드를 입력후 복사버튼을 누르고 적당한 위치에 Ctrl + V를 하면 다음과 같이 나타나게 됩니다.

1
2
3
4
5
6
7
8
package{
  public class {
    public static void main(String arg[]) {
      
    }
  }
}