[블로그 관리]티스토리 이쁘게 소스올리기 2탄

지난번에 블로그에 소스 올리는 방법을 정리했었습니다.

그리고 사용을 하다보니 문제점이 발견이 되어

추가적으로 정리를 하고자 추가 글을 적습니다.

네이버 블로그에서는 문제는 없었습니다.

그런데 티스토리에서는 문제가 있네요.

SyntaxHighlighter의 버그라고 해야 할지..

어쩔 수 없는 것이라고 해야 할지..

아무튼 < 나 > 가 들어가면 소스가 꼬이면서

이상하게 되는거 같더라고요.

저도 어제 이거 때문에 한참을 해맸었네요.

그러다가 조치방법을 알게 되어서 정리를 해 드립니다.

방법은 제가 알고 있는건 총 3가지가 있네요.

이 3가지 방법에 대해서 다 정리해보도록 하겠습니다.

1. 변환 프로그램 사용

EntSHCodeGenerator.exe

변환 프로그램은 첨부를 해 놓았습니다.

다운받으시면 되십니다.

다운받은 프로그램을 실행시키면 아래와 같이 나옵니다.

왼쪽에 소스코드를 입력하고 변환버튼을 누르시면 되십니다.

예제로 어제 썼던 split를 이용한 for문을 넣었습니다.

넣었더니 아래와 같이 변환된 소스가 나옵니다.

위에서는 for문 안에 < 가 있어서 그런거였습니다.

보시면 아시겠지만,

부등호 < 가 &lt; 로 변환이 된 것을

확인할 수 있습니다.

이것을 pre 태그 안에넣어서 사용하시면 되십니다.

2. script 사용

script를 사용하여서도 소스코드를 올릴 수 있습니다.

아래처럼 하시면 되십니다.

<script type="syntaxhighlighter" class="brush: js">

// 코드를 입력하시면 됩니다

</script>

예제 소스는 다음과 같습니다.

이렇게 하면 사용이 가능합니다.

아래는 소스코드를 스샷찍은 것입니다.

다만 단점이 몇가지가 있습니다.

1) 모바일 환경에서는 안보일 수 있습니다.

2) 자바스크립트 사용여부에 따라 안보일 수 있습니다.

3) 검색봇에서는 검색이 되지 않습니다.

이러한 단점이 있으니

사용하시려면 참고하시어서 사용하시면 되실 것 같습니다.

이해가 안되거나 하신다면

http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html

위 URL로 들어가셔서 한번 보셔도 무방하십니다.

3. Color Scripter

 

https://colorscripter.com/

위 URL로 들어가시면 되십니다.

들어가셔서 소스코드를 넣으시면 되십니다.

1번과 마찬가지로 똑같이 소스코드를 입력하였습니다.

그랬더니 아래처럼 소스코드가 나왔습니다.

이를 복사하여 그냥 붙여넣기 하시면 되십니다.

public static void main(String[] args) {
    String str = "수학;영어;과학;";
    String arr[] = str.split(";");
     
    for(int i = 0; i<arr.length; i++) {
          System.out.println("arr[" + i + "] : " + arr[i]);
 
    }
}
이를 복사하여 그냥 붙여넣기 하시면 되십니다.

html로 들어가거나 하지 않아도 되고 하니 편해서
저는 아마도 이것을 제일 많이 쓰지 않을까 싶기도 한데
모르겠네요.


아무튼 티스토리에 소스코드 이쁘게 올리기 2탄이였습니다~