Etc

블로그 꾸미기 - 블로그 소스코드 보기좋게 표시하기

통통만두 2015. 1. 8. 14:16
반응형

블로그에 소스관련해서 올릴 경우가 있습니다. 이럴 때 그냥 아무런 형식 없이 텍스트로 표시하면 뭔가 보기도 어렵고 없어보이고 그렇습니다. 더군다나 각 개발툴에 따라서 명령어, 지시어 등등 색깔을 입혀서 가독성을 높여주는데요. 이 소스코드를 복사해서 블로그에 붙여도 개발툴에서 보는 것처럼 가독성을 높여주는 방법이 있습니다.


바로 SyntaxHighlighter 입니다. 이 포스팅에서는 티스토리에 SyntaxHighlighter 을 적용하는 방법을 설명드리고 있습니다. 다른 블로그에서도 방법은 동일할 것으로 생각합니다만 약간의 차이는 있을 수 있습니다. 참고하시기 바랍니다.




위의 "SyntaxHighlighter 다운로드"를 누르면 아래의 페이지가 새창으로 보여집니다. 빨간박스 안의 "Click here to download"를 누르면 zip로 된 압축파일을 받게 되는데요. 일단 압축을 푼 다음 티스토리 관리자 페이지로 이동하겠습니다.




HTML/CSS 편집 클릭 -> 파일업로드 클릭 -> 추가 클릭 해서 아까 다운로드 받아서 압축해제한 폴더에서 "scripts", "styles" 폴더의 모든 파일을 선택하여 업로드합니다. 그리고 아래의 코드를 HTML/CSS 탭에서 <head> 와 </head> 사이에 붙여넣습니다.



























<pre class="brush:개발언어">

글을 쓸 때 HTML 모드로 변환 후 이 곳에 코드를 작성하면 됩니다.

</pre>


이와 같은 과정이 모두 끝나면 아래와 같이 적용된 깔끔한 모습을 볼 수 있습니다.



procedure TfrmWA4113A0.FormClose(Sender: TObject;
  var Action: TCloseAction);
begin
  if MDICLIENT_EVENT = 0 then
  begin
    Tag := USER_MDICLIENT_DESTROY;
    SendMessage(hnd_MAIN, USER_MDICLIENT_DESTROY, 0, Handle);
  end;

  Action := caFree;
end;



반응형