ETC - 블로그에 소스 코드 색깔 넣기



블로그에 코드를 많이 넣다보니 다른 블로그에서처럼 Syntax Highlight를 넣고자 알아보니 'SyntaxHighlighter' 를 사용하는 방법이 있어 계속 쓸 것 같아 기록 해본다.


우선 아래와 같은 코드를 구글 블로그 HTML에서 <head> 밑에다가 붙여넣기 한다.

<!-- SyntaxHighlighter 설정 -->
  <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/shBrushPython.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/shThemeDefault.css' rel='stylesheet' type='text/css'/>

  <script type='text/javascript'>
    SyntaxHighlighter.all()
  </script>
  <style type='text/css'>
  .syntaxhighlighter table tbody
  {
    font-size: 1.2em !important;
  }
  </style>

이후 블로그 작성하면서 HTML로 변경하고 아래와 같이 넣으면 된다.

<pre class="brush:py">
  작성한 코드
</pre>

테스트

function foo{}//적고 싶은 소스코드를 적습니다.

기타 다른 코드들을 추가하기 위해서는

http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

위 링크를 참조하여 추가 또는 변경하면 된다.

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


<pre class="brush:py">
  작성한 코드
</pre>



기존에 사용하던 곳 다 필요 없고 여기가 제일 편한듯


그냥 코드 적고 copy & paste 하면 됨

import cv2
import numpy as np
img = cv2.imread('test.bmp',0)
#equ = cv2.equalizeHist(img)
clahe = cv2.createCLAHE(clipLimit=3.0, tileGridSize=(8,8))
cl1 = clahe.apply(img)
cv2.imwrite('test_out.bmp',cl1)
cv2.imshow('test',cl1)
cv2.waitKey(0)
cv2.destroyAllWindows()
cs

댓글 쓰기

0 댓글