프로그래밍 소스에 컬러를 Syntax Highlighter를 구글 블로그(blogger,blogspot) 설치

2016.5.16 바뀐내용 소스가 변경됨에 따라 내용도 업데이트

구글 블러거는 티스토리같이 js나 css업로드를 허용하지 않지만 템플릿을 지원하므로 간단하게
소스줄을 추가하여 사용가능  합니다.
우선 관리자페이지에 템플릿-> html편집으로 들어간다. <head>바로밑에 추가.
<script src="https://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript" />
<script src="https://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js" type="text/javascript" />
<script src="https://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js" type="text/javascript" />
<script src="https://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js" type="text/javascript" />
<script src="https://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js" type="text/javascript" />
<script src="https://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js" type="text/javascript" />
<script src="https://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js" type="text/javascript" />
<script src="https://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js" type="text/javascript" />
<script src="https://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js" type="text/javascript" />

<link href="https://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css" />
<link href="https://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="Stylesheet" type="text/css" />

<script type="text/javascript">
    SyntaxHighlighter.config.bloggerMode = true;
    SyntaxHighlighter.all();
</script>


완성됐다. 이젠 글쓰기를 하실때 html편집모드로 해서 pre태그로 감싸면 된다.
예제 1
void main() {
}
예제 2
Function Test

End Function
해당표는 지원언어(class속성으로 들어갈 값을의미)
언어 class
C/C++ cpp, c, c++
C# c#, c-sharp, csharp
CSS css
Delphi delphi, pascal
Java java
Java Script js, jscript, javascript
PHP php
Python py, python
Ruby rb, ruby, rails, ror
Sql sql
VB vb, vb.net
XML/HTML xml, html, xhtml, xslt

댓글

  1. 감사합니다. 많은 참고 되었습니다.

    답글삭제
  2. 감사합니다. 많은 참고 되었습니다.

    답글삭제
  3. 감사합니다. 덕분에 적용했네요.

    답글삭제
  4. 작성자가 댓글을 삭제했습니다.

    답글삭제
  5. 감사합니다. 스크랩해둘게요.

    답글삭제
  6. 감사합니다. 덕분에 잘 적용했습니다. 링크로 소개하겠습니다.

    답글삭제

댓글 쓰기