1. SyntaxHighlighter를 다운로드 한다.
2. 압축을 풀면 Scripts 와 styles 폴더를 확인할 수 있다.
3. 블로그 관리 -> HTML/CSS 편집에 들어간다.
4. skin.html 에서 <head> ... </head> 사이에 아래 소스를 입력한다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <script type="text/javascript" src="./images/shCore.js"></script><script type="text/javascript" src="./images/shBrushAS3.js"></script><script type="text/javascript" src="./images/shBrushBash.js"></script><script type="text/javascript" src="./images/shBrushCpp.js"></script><script type="text/javascript" src="./images/shBrushCSharp.js"></script><script type="text/javascript" src="./images/shBrushCss.js"></script><script type="text/javascript" src="./images/shBrushDelphi.js"></script><script type="text/javascript" src="./images/shBrushDiff.js"></script><script type="text/javascript" src="./images/shBrushGroovy.js"></script><script type="text/javascript" src="./images/shBrushJava.js"></script><script type="text/javascript" src="./images/shBrushJavaFX.js"></script><script type="text/javascript" src="./images/shBrushJScript.js"></script><script type="text/javascript" src="./images/shBrushPerl.js"></script><script type="text/javascript" src="./images/shBrushPhp.js"></script><script type="text/javascript" src="./images/shBrushPlain.js"></script><script type="text/javascript" src="./images/shBrushPowerShell.js"></script><script type="text/javascript" src="./images/shBrushPython.js"></script><script type="text/javascript" src="./images/shBrushRuby.js"></script><script type="text/javascript" src="./images/shBrushScala.js"></script><script type="text/javascript" src="./images/shBrushSql.js"></script><script type="text/javascript" src="./images/shBrushVb.js"></script><script type="text/javascript" src="./images/shBrushXml.js"></script><script type="text/javascript" src="./images/shCore.js"></script><script type="text/javascript" src="./images/shLegacy.js"></script><link href="./images/shCore.css" rel="stylesheet" type="text/css"><link href="./images/shThemeRDark.css" rel="stylesheet" type="text/css"><script type="text/javascript"> SyntaxHighlighter.all(); dp.SyntaxHighlighter.HighlightAll('code'); </script> |
5. skin.css 에서 두번째 라인에 아래의 소스를 입력하고 저장!
1 | div .syntaxhighlighter { overflow-y: hidden!important; overflow-x: auto!important; } |
6. 아까 다운로드 받은 파일에서 Scripts 와 styles 를 업로드 해준다.
모든 파일을 선택해서 업로드를 해주어야 한다.
사용을 위한 세팅은 여기서 끝
사용 방법
글을 작성을 하고 HTML로 글을 작성하기로 변경한 뒤
1 | <pre class="brush:언어"> ... source ...</pre> |
을 써준다.
사용 가능한 언어와 brush명은 여기서 확인 가능하다.
http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/
'보류' 카테고리의 다른 글
| Visual Studio 2010에서 어셈블리 코딩하기 (0) | 2015.08.12 |
|---|