SyntaxHighlighter로 코드 올리기

TISTORY에서 가장 강점인 코드를 올려주는 방법입니다.

SyntaxHighlighter사이트에 접속하여 다운로드 합니다.

클릭을 하게되면 syntaxhighlighter_3.0.83 라는 압축파일이 다운로드 될것입니다.

압축을 해제 해준후 자신의 블로그의 관리자 페이지로 들어가서

js파일을 추가해줍니다.

Brush name	Brush aliases	File name
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, xhtml	shBrushXml.js

설명하는 주소는 요기

자신에게 맞는 js파일을 추가 하셨다면 다음엔 css를 추가해주셔야 합니다.

테스트 해보시고 맘에드시는 css를 같은 방식으로 업로드 시켜줍니다.

그 다음

HTML/CSS에서 문장을 추가해주시면 되겠습니다.

//








//

위치는 가능하다면 </head>전에 해주시면 좋겠습니다~~

모두 추가 하셨다면 게시글 쓰기로 가셔서 HTML 탭으로 변경 해줍니다.

변경 후 아래 와 같이 복사를 하신 후 붙여 넣기 해보시면 됩니다.

//
//
function helloSyntaxHighlighter()
{
	return "hi!";
}

//

여기 까지입니다.