2016년 6월 24일 금요일

SyntaxHighlighter 를 사용해 보자

아무래도 내가 IT 사람이다 보니, 명령어라든가 코드라든가 그런걸 기록할 일이 많을거 같다.
인터넷 돌아다니다 보면, 그런것들이 칼라풀하게 기록되어 있는걸 많이 봤었다.
저건 어떻게 하는거지?? 그래서 인터넷을 검색해봤다.

오~
http://alexgorbatchev.com/SyntaxHighlighter
이거다. 찾았다.

다들 이걸 사용하는지는 잘 모르겠지만, 암튼 좋아보인다.
공짜니까.

블로그에 적용해보자.
친절하게도 먼저 삽질을 한 사람들이 인터넷에 자세히도 설명을 써놨다.

http://gommoo.blogspot.kr/2012/09/blogspot-syntaxhighlighter.html
나는 여기에 있는 내용을 따라 했다.



글을 작성하고 미리보기를 클릭했는데,

........ 안된다

잉? 내가 뭔가 잘못했나??

다른 인터넷 문서를 찾아봐도, 동일한 방식으로 포스팅 되어 있었다.
한참 삽질을 하다가~~ 혹시 설마(?) 하고 게시를 클릭해서 보니 잘 작동되는 것이었다!!



휴..... 되긴 되는군.
암튼, 게시를 해야만 최종적으로 잘 보인다는 것이다~~

http://makingappfor.blogspot.kr/2013/05/blogger.html
그리고 여러 언어를 추가하고 싶었다.
그래서 다른 포스트를 보고 script를 더 추가했다.

<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/shThemeDefault.css" rel="stylesheet" type="text/css">
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.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/shBrushPhp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'/>
<script language='javascript'>
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();
</script>

이제 칼라풀하게 작성할 수 있게 되었다. 만세~~~~~~~



※ 모바일에서는 안 보여요 ㅠㅠ

댓글 없음:

댓글 쓰기

화곡 어쩌라고, 굴사냥

석화찜(굴찜)을 먹으러 여의도로 갔다 그런데 재료가 모두 소진되었다고 마감이라고 한다 응? 다들 굴에 미쳤나? 굴을 찾아 헤매다 보니, 화곡까지 가게 되었다. 화곡은 처음 가본다. 첫인상은 "술집 겁네 많네" 피똥쌀때까지 마실 수 있...