검색결과 리스트
글
[SyntaxHighlighter]티스토리 블로그에 소스코드 올리기
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;
}
티스토리 블러그의 접기 기능이용하여 사용한 예)
접기 기능설정하고, HTML 환경에서 위의 소스 삽입하면 아래처럼 됩니다.
* <script type="syntaxhighlighter" class="brush:cpp"><![CDATA[]]></script>
참고
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 |
