본문 바로가기

Side Project/잡지식

블로그에 코드 첨부하기

1. syntaxhighlighter 다운 후


syntaxhighlighter_3.0.83.zip


2. 관리 -> HTML/CSS편집 탭에서 파일업로드 버튼을 누른 후, scripts, styles,src 폴더에 있는 파일들을 모두 업로드한다.





3. HTML 코드에서 다음을 </head> 위에 추가

<span style="font-family: Tahoma;">
<script type="text/javascript" src="./images/shCore.js"></script>
<script type="text/javascript" src="./images/shLegacy.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/shBrushJScript.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/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>
<link type="text/css" rel="stylesheet" href="./images/shCore.css">
<link type="text/css" rel="stylesheet" href="./images/shThemeDefault.css">
<script type="text/javascript">
SyntaxHighlighter.all();
</script>
</span>


4. 바로 밑에 <body>도 <body Onload="dp.SyntaxHighlighter.HighlightAll('code');">로 변경


5. 글 쓰기에서 HTML 체크 후, 다음 태그 내부에 쓰면됨.

이때 원하는 언어는 (http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/) 참고


<textarea name="code" class="brush:원하는언어;">

</textarea>




예시는 다음과 같다.



'Side Project > 잡지식' 카테고리의 다른 글

ㄴㄴ  (2) 2018.01.08