IT블로그를 운영하다보면 필연적으로 포스팅하다가 코드를 삽입하게 된다.
하지만 예쁘게 삽입되지 않는 안습...이 있다 ㅠ_ㅠ

그렇다고 예쁘게 코드 넣겠다고 개발툴 열어서 코딩하고 캡쳐해서
올리는 것도 은근 불편하다. 그냥 코드 몇줄만 넣으면 되는 일을 ! !

그래서 이를 해결하기 위해 조금 찾아보니
Google Code Project 에서 제작한 툴 'SyntaxHighlighter' 라는 녀석을 발견.
각 개발 랭귀지별로 .js 파일이 마구 있다보니-_-;; 약간 느리다는 단점이 있다.
(역시... 기능이 많을수록 무거울 수 밖에)

아무튼 이를 티스토리 블로그 기준으로 잘 적용시킬 수 있도록
자세한 방법을 포스팅해주신 친절한 분을 발견!
적용이 생각보다 까다롭다ㅡ_ㅡ.....

Tistory 설치방법, 사용법 : http://jb-story.tistory.com/13

기타 팁, 사용법 : http://snowple.tistory.com/267



지금 공부하다가 갑자기 생각나서_-_ 결국 이렇게 딴짓을..

이따가 설치해봐야겠다 !


왜 이건 태터툴즈 플러그인에 따로 없는 건지ㅡ_ㅡ.. 구글꺼라 그런가?


구글 코드 프로젝트 쪽 링크는 http://code.google.com/p/syntaxhighlighter/

(참조링크 추가 : https://code.google.com/p/sh4tistory/)



영문 메뉴얼 : 테마, 사용언어, 설정

http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/

http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

http://alexgorbatchev.com/SyntaxHighlighter/manual/configuration/



+ 설치 결과 테스트


<pre name="code" class="brush:원하는 언어;"> 
    에디터 모드에서 이 사이에 코드를 작성하면 된다.
</pre>

 
// this is JAVA
public class Test(){
    public static void main(String[] args){
        System.out.println("Hello World!");
    }
}


'Etc.' 카테고리의 다른 글

[유용TIP]포토샵 CS5 단축키 모음  (0) 2014.04.23
by kelicia 2014. 5. 19. 16:12

기본단축키

파일 작업 관련 단축키
[ Ctrl + N ] : 새 캔버스 만들기
[ Ctrl + O ] : 파일 불러오기
[ Alt + Ctrl + O ] : Adobe Bridge 실행하기
[ Ctrl + W ] : 현재 캔버스 닫기
[ Alt + Ctrl + W ] : 모든 캔버스 닫기
[ Ctrl + S ] : 현재 파일 저장하기
[ Shift + Ctrl + S ] : 다른 이름으로 저장하기
[ F12 ] : 처음 상태로 되돌리기
[ Ctrl + P ] : 인쇄하기
[ Ctrl + Q ] : 포토샵 프로그램 종료하기

브러시 관련 단축 키
[ Ctrl + Z ] : 바로 직전에 실행한 작업 취소하기
[ Ctrl + Alt + Z ] : 작업 여러 번 취소하기
[ , ] : 브러시 목록에서 이전 브러시 선택하기
[ . ] : 브러시 목록에서 다음 브러시 선택하기
[ X ] : 전경색/배경색 전환하기

도구 사용 단축키
[ Alt + 도구 선택 ] : 숨어 있는 도구 선택하기
[ Eyedropper Tool + Alt를 누른 채 클릭 ] : 배경색으로 지정
[ Spacebar ] : 임시로 Hand Tool 사용하기
[ Ctrl] :임시로 Move Tool 사용하기
[ Ctrl + Spacebar ] : 임시로 Zoom Tool(+) 사용하기
[ Alt + Spacebar ] : 임시로 Zoom Tool(-) 사용하기

선택 영역 관련 단축키
[ Ctrl + A ] : 이미지 전체 영역을 선택하기
[ Ctrl + Shift + D ] : 마지막으로 지정하였던 선택 영역 다시 선택하기
[ Shift + 드래그 ] : 정 비율로 선택하기

화면 조작 관련 단축키
[ Tab ] : Tool 패널, 패널 감추기/나타내기
[ Shift + Tab ] : 패널만 감추기/나타내기
[ Ctrl + + ] : 화면 확대하여 보기
[ Ctrl + - ] : 화면 축소하여 보기
[ Ctrl + R ] : 눈금자 나타내기/감추기
[ Ctrl + ; ] : 안내선 나타내기/감추기
[ Ctrl + Alt + ; ] : 안내선 잠그기
[ Ctrl + ' ] : 그리드 나타내기/감추기
[ Ctrl + H ] : 표시자 보이기/감추기
[ Shift + Ctrl + ; ] : 스냅 선택/해제하기
[ F ] : 윈도우 모드 변경하기
[Ctrl + 0] : Fit on Screen

레이어 작업 관련 단축키
[ Ctrl + Shift + N ] : 새 레이어 만들기
[ Ctrl + E ] : 아래 레이어와 합치기
[ Ctrl + G ] : 선택한 레이어를 그룹에 넣기
[ Ctrl + Shift + G ] : 그룹 해제하기

이미지 보정 관련 단축키
[ Ctrl + L ] : Levels 대화상자 불러오기
[ Ctrl + Shift + L ] :  Auto Levels 적용하기
[ Ctrl + Alt + Shift + L ] :  Auto Contrast 적용하기
[ Shift + Ctrl + B ] : Auto Colors 적용하기
[ Ctrl + M ] : Curves 대화상자 불러오기
[ Ctrl + B ] : Color Balance 대화상자 불러오기
[ Ctrl + U ] : Hue/Saturation 대화상자 불러오기
[ Ctrl + Shift + U ] : Desaturate 적용하기
[ Ctrl + F + I ] : 이미지의 색상을 반전하기
[ Ctrl + F ] : 마지막에 적용한 필터 반복 적용하기

패널 관련 단축키
[ F5 ] : BRUSHES 패널 열기/닫기
[ F6 ] : COLORS 패널 열기/닫기
[ F7 ] : LAYERS 패널 열기/닫기
[ F8 ] : INFO 패널 열기/닫기
[ F9 ] : ACTION 패널 열기/닫기

선택 영역이 지정된 상태에서 사용하는 단축키
[ Ctrl + D ] : 지정된 선택 영역 해제하기
[ Shift + 드래그 ] : 선택 영역에서 추가로 더 선택하기
[ Alt + 드래그 ] : 선택한 영역의 일부분 빼기
[ Ctrl + Shift + I ] : 선택 영역 반전시키키
[ Ctrl + T ] : 선택 영역의 이미지 변경하기
[ Ctrl + C ] : 선택영역의 이미지 복사하기
[ Ctrl + X ] : 선택 영역의 이미지 오려내기
[ Ctrl + Alt + 드래그 ] : 선택 영역의 이미지 복사하여 이동하기
[ Ctrl + 드래그 ] : 선택 영역의 이미지 오려서 이동하기
[ Alt + Delete ] : 선택 영역에 전경색 채우기
[ Ctrl + Delete ] : 선택 영역에 배경색 채우기
[ Alt + Shift + Delete ] : 투명 영역을 보호하면서 전경색 채우기
[ Alt + I + P ] : 선택 영역의 이미지만 남기고 자르기
[ Ctrl + 방향키 ] : 선택 영역의 이미지를 오려서 픽셀 단위로 이동하기
[ Shift + 방향키 ] : 선택 영역의 위치를 10픽셀 단위로 이동하기
[ Shift + Ctrl + 방향키 ] : 선택 영역의 이미지를 오려 10픽셀 단위로 이동하기
[ Ctrl + J ] : 선택 영역의 이미지를 복사하여 새 레이어로 만들기
[ Ctrl + Shift + J ] : 선택 영역의 이미지를 잘라서 새 레이어로 만들기

'Etc.' 카테고리의 다른 글

Google Syntaxhighlighter  (0) 2014.05.19
by kelicia 2014. 4. 23. 16:09
| 1 |