[SyntaxHighlighter]티스토리 블로그에 소스코드 올리기

자료실 2013. 3. 11. 14:09


1. http://alexgorbatchev.com/SyntaxHighlighter/download/ 에서 다운로드 받아 압축해제합니다.



2. 티스토리 블로그 관리자 설정메뉴 HTML/CSS 편집 파일업로드에 추가를 누른 후 압축해제한 파일 중 scripts 폴더의 파일들 전부 추가 시킵니다. 그리고 styles 폴더도 전부 추가 시킵니다.


3. HTML/CSS 편집을 해주어야 합니다. skin.html을 수정합니다.

우선 head 부분에 코드를 입력해야 합니다. 아래의 코드를 <head>~</head>사이에 삽입합니다. 즉 </head>위 부분에 넣으면 됩니다.

<link type="text/css" rel="stylesheet" href="./images/shCore.css">

<link rel="stylesheet" type="text/css" href="./images/shCoreRDark.css">

 

<script type="text/javascript" src="./images/shCore.js"></script>

<script type="text/javascript" src="./images/shAutoloader.js"></script>

<script type="text/javascript" src="./images/shBrushAppleScript.js"></script>

<script type="text/javascript" src="./images/shBrushAS3.js"></script>

<script type="text/javascript" src="./images/shBrushBash.js"></script>

<script type="text/javascript" src="./images/shBrushColdFusion.js"></script>

<script type="text/javascript" src="./images/shBrushCpp.js"></script>

<script type="text/javascript" src="./images/shBrushCSharp.js"></script>

<script type="text/javascript" src="./images/shBrushCss.js"></script>

<script type="text/javascript" src="./images/shBrushDelphi.js"></script>

<script type="text/javascript" src="./images/shBrushDiff.js"></script>

<script type="text/javascript" src="./images/shBrushErlang.js"></script>

<script type="text/javascript" src="./images/shBrushGroovy.js"></script>

<script type="text/javascript" src="./images/shBrushJava.js"></script>

<script type="text/javascript" src="./images/shBrushJavaFX.js"></script>

<script type="text/javascript" src="./images/shBrushJScript.js"></script>

<script type="text/javascript" src="./images/shBrushObjC.js"></script>

<script type="text/javascript" src="./images/shBrushPerl.js"></script>

<script type="text/javascript" src="./images/shBrushPhp.js"></script>

<script type="text/javascript" src="./images/shBrushPlain.js"></script>

<script type="text/javascript" src="./images/shBrushPowerShell.js"></script>

<script type="text/javascript" src="./images/shBrushPython.js"></script>

<script type="text/javascript" src="./images/shBrushRuby.js"></script>

<script type="text/javascript" src="./images/shBrushSass.js"></script>

<script type="text/javascript" src="./images/shBrushScala.js"></script>

<script type="text/javascript" src="./images/shBrushSql.js"></script>

<script type="text/javascript" src="./images/shBrushVb.js"></script>

<script type="text/javascript" src="./images/shBrushXml.js"></script>

<script type="text/javascript" src="./images/shLegacy.js"></script>

<script type="text/javascript">

    SyntaxHighlighter.all();

</script>



4. 테마 설정은 위에서 삽입한 소스코드중 2번째 줄 shCoreRDark.css 대신 다른 테마 css를 입력하면됩니다.


5. 사용하기


<script type="syntaxhighlighter" class="brush:cpp"><![CDATA[

#include<opencv\cv.h>
#include<opencv\highgui.h>

using namespace cv;

int main()
{
 Mat image = imread("sistar.jpg"); //Load image form disk
 if(!image.data) return -1; //Check image
 imshow("sistar",image); //Show image
 waitKey(0); //Wait for keystroke
 return 0;
}

]]></script>

티스토리 블러그의 접기 기능이용하여 사용한 예)

접기 기능설정하고, HTML 환경에서 위의 소스 삽입하면 아래처럼 됩니다.

* <script type="syntaxhighlighter" class="brush:cpp"><![CDATA[]]></script>


참고

1. http://bspfp.pe.kr/357

2. 브러쉬 번들 : http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

3. 추가 옵션 사용법: http://alexgorbatchev.com/SyntaxHighlighter/manual/configuration/


반응형

'자료실' 카테고리의 다른 글

Bayes판정 이론_pdf(Bayesian Decision Theory)  (0) 2013.03.07
프린트가 금지된 PDF 문서를 프린트 하기  (0) 2013.02.21
Opencv 2.4.3 tutorials  (0) 2013.02.19

[MATLAB]컬러영상을 명암도영상으로 변환

MATLAB 2013. 3. 8. 15:50

1. 컬러(color)영상을 명암도(gray) 영상으로 변환하는 함수 rgb2gray()



반응형

[MATLAB]영상 읽기,보여주기,저장하기

MATLAB 2013. 3. 8. 15:10

1. 영상 읽기

imread('filename')


>>img= imread('sistar.jpg');


함수 size는 영상의 행 및 열의 크기를 알려준다.

>>size(img)

ans=

474 721

[R C X]= size(img);

행 수(R), 열 수(C), 차원 수(X)를 반환한다.


함수 whos는 배열에 관한 추가 정보를 표시

whos img

Name              Size                           Bytes  Class

color_image     474x721x3                      1025262  uint8 array

Grand total is 1025262 elements using 1025262 bytes


2. 영상 보여주기

imshow(img)


함수 pixval은 개별 픽셀들의 밝기 값을 표시한다. 

이 함수는 영상 위에 마우스로 커서를 움직임에 따라 커서 좌표와 해당 밝기 값이 그림 윈도우의 밑에 표시된다. 마우스를 좌측 클릭한 상태로 누르고 있으면 pixval은 처음과 현재 커서 위치 간의 유클리드 거리를 표시한다.


3. 영상 저장하기

imwrite(img,'filename')


여기서 filename의 문자열은 인식 가능한 확장자를 가져야 하지만, 세번째 인자로서 명기할 수도 있다.

예를 들면, img를 이름이 sis인 tiff파일에 쓴다면,

>>imwrite(img, 'sis', 'tif')

또는

>>imwrite(img, 'sis.tif')


imwrite(img, 'sis.jpg','quality',q)

여기서 q는 0~100사이의 정수이다(작을수록 JPEG 압축에 의한 열화가 크다).





반응형