Software | TISTORY 에서 소스코드 보이기

1. 시작하기

TISTORY 에는 source code 를 이쁘게 보여주는 모듈이 등록되어 있지 않습니다.

결국 HTML 을 어떤 식으로 보여줄 것이냐이기에, 여러 WIKI 나 site 에서 사용되는 "SyntaxHighlighter" 를 등록하면 될 것 같습니다.

방법은, "필요한 파일 다운로드 -> 동작해주는 CSS와 JS 를 등록 -> 소스에 입히기 -> 선언하여 사용" 의 순서가 될 것 같습니다.

2. 다운로드

아래 배포 사이트에서 최신버전을 받습니다.

http://alexgorbatchev.com/SyntaxHighlighter/download/

3. 설치

1) 관리자 > HTML/CSS 편집

2) 파일 업로드

scripts 및 styles 폴더 안에 있는 파일 모두를 업로드 합니다.

3) HTML 코드 수정

HTML 을 클릭하여 다음 코드들을 추가합니다.

<header> </header> 사이에 삽입.

실제 삽입 예.

맨 밑줄의 </body></html> 바로 위에 아래 코드 삽입.

실제 삽입 예.

4. 적용

소스는 편집기의 글이 아니라 HTML 소스로 입력을 해야 합니다.

외부컨텐츠 > HTML 로 입력합니다.

5. 참고

언어별로 다음과 같이 class 정의하면 됩니다.

각 언어별로 코드는 다음 표와 같습니다.

언어	키워드	동작 파일
ActionScript3	as3, actionscript3	shBrushAS3.js
Bash/shell	bash, shell	shBrushBash.js
ColdFusion	cf, coldfusion	shBrushColdFusion.js
C#	c-sharp, csharp	shBrushCSharp.js
C++	cpp, c	shBrushCpp.js
CSS	css	shBrushCss.js
Delphi	delphi, pas, pascal	shBrushDelphi.js
Diff	diff, patch	shBrushDiff.js
Erlang	erl, erlang	shBrushErlang.js
Groovy	groovy	shBrushGroovy.js
JavaScript	js, jscript, javascript	shBrushJScript.js
Java	java	shBrushJava.js
JavaFX	jfx, javafx	shBrushJavaFX.js
Perl	perl, pl	shBrushPerl.js
PHP	php	shBrushPhp.js
Plain Text	plain, text	shBrushPlain.js
PowerShell	ps, powershell	shBrushPowerShell.js
Python	py, python	shBrushPython.js
Ruby	rails, ror, ruby	shBrushRuby.js
Scala	scala	shBrushScala.js
SQL	sql	shBrushSql.js
Visual Basic	vb, vbnet	shBrushVb.js
XML	xml, xhtml, xslt, html	shBrushXml.js

FIN

참 쉽죠 ?!!!