본문 바로가기

TIP

SyntaxHighlighter 사용법

글이란 한번 쓰여지지만, 여러번 읽힌다. 그래서 읽는 이를 고려하여 읽기 편하게
만드는 것이 자기 글을 홍보하는 방법중에 하나가 아닐까.

블로그에서 사용하는 기능 중에 소스코드를 보기 편하게 해주는 SyntaxHighlighter  가  있다.

사용법
 1. SyntaxHighlighter  설치
 2. 소스를 등록할 때, 아래와 같이 소스를 감싼다.

<pre class="brush: 언어 ;gutter: false;">
[소스코드]
</pre>
언어: 원하는 syntax의 언어
gutter: false; -> 줄번호 제거



Brush nameBrush aliasesFile 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
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
Basic vb, vbnet shBrushVb.js
XML xml, xhtml, xslt, html, xhtml shBrushXml.js
반응형