syntaxhighlighter 사용하여 블로그에 소스 입력하기

블로그에 소스를 삽입 하자!

1.  The latest SyntaxHighlighter version is 3.0.83. download.

shttp://alexgorbatchev.com/SyntaxHighlighter/download/

2. syntaxhighlighter_3.0.83\scripts 의 파일들을 모두 업로드한다.  ( shCore.js and shCore.css) 

3. D:\downloads\syntaxhighlighter_3.0.83\syntaxhighlighter_3.0.83\styles 의 파일 중, 

shCore.css 그외 테마들 중에 선태해서 업로드한다 ( 나는, shCoreRDark.css )

4. skin.html에 css와 js를 include한다. 

* css (shCore.css 와 사용할 테마.css)

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




* js




필요한 js를 모두 import 한다.

<script type="text/javascript">

    SyntaxHighlighter.all();

</script>

http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html

5. 설치는 끝.

* 사용 방법

<pre /> method

 
function test()
{
alert('test');
}




<script /> method

<script type="syntaxhighlighter" class="brush: js">

<![CDATA[

  /**

   * SyntaxHighlighter

   */

  function foo()

  {

      if (counter <= 10)

          return;

      // it works!

  }

]]>

</script>

* brush

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

기타 사용 방법 참조

http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html