블로깅에 해당되는 글 1건

SyntaxHighlighter - 코드를 보기 좋게 올리자!

블로깅 2014. 7. 26. 14:21

블로그에 코드를 깔끔하게 올리는 방법을 찾다가 발견!

http://alexgorbatchev.com/SyntaxHighlighter/

 

최신 버전을 다운로드 받은 후, 블로그 HTML/CSS 편집을 해주면 끝.
(자세한 사항은 홈페이지, 구글링, 혹은 http://cocosoft.kr/68 여길 참조)

 

글을 쓸 때는 다음과 같이 해주면 된다.

 

<pre class="brush:brush Name">


소스 코드 입력


</pre>

 

Brush name은 아래를 참조해서 적어주면 됨.

 

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

 

 

덧, SyntaxHighligher 사용시 <..>에 자동 태그가 되는 것 방지 방법

(예: #include <stdio.h>에서 <stdio.h>를 태그로 인식해서 뒤에 자동으로 </stdio.h>가 붙음)
-> #include &lt;stdio.h> 이렇게 '<'대신 '&lt;'사용!

,
1

티스토리툴바