HA-HAN: BlogSpot SyntaxHighlighter 사용방법 (블로그에 코드 입력)

1. 블로그 템플릿에서 HTML 편집 클릭

2. <head>와 </head>사이에 Script 추가

<!-- SyntaxHighlighter  -->
   <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>
   <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shLegacy.js' type='text/javascript'/>
   <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'/>
   <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/>
   <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
   <script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
   <link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
   <link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeRDark.css' rel='stylesheet' type='text/css'/>
   <script type='text/javascript'>
       SyntaxHighlighter.all();
   </script>

위 코드는 Java, JavaScript, Xml, Css만 적용이 되는 코드이다.

언어마다 Highlighter가 다르기때문에 위에 없는 언어를 사용할때는 코드를 추가해야된다.

위 표를 참고하여 File name을 변경하고 위 스크립트에 추가하면된다.

<script src='http://alexgorbatchev.com/pub/sh/current/scripts/file name' type='text/javascript'/>

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeRDark.css' rel='stylesheet' type='text/css'/>

shThemeRDark.css대신 원하는 테마의 file name을 변경하면 테마도 변경할수있다.

3. 글쓰기에서 HTML로 바꾼뒤 다음 코드를 사용

brush 다음에 사용하는코드의 aliases를 쓰면된다.

<pre class="brush:java">코드입력
</pre>

HA-HAN

PostList

2016년 8월 8일 월요일

BlogSpot SyntaxHighlighter 사용방법 (블로그에 코드 입력)

댓글 없음:

댓글 쓰기