설치없이 구문강조하고 티스토리 치환자 표시하는 방법 - 아주 대박입니다.

무설치를 좋아한다 한다해도 구문강조까지 무설치로 한다니.....ㅎㅎㅎㅎㅎ.
아주 대단한 사이트를 발견해서 알려드립니다.
티스토리는 티스토리 특유의 치환자라는것을 사용합니다.
치환자를 표시하는 방법으로는 유일하게 SyntaxHighlighter 를 사용하는데요. 이것도 티스토리에 업로드하고 설치를 해야하는 과정을 거칩니다.
또한 치환자를 표시하려면 ## 를 #\# 이런식으로 표기해야 합니다.

하지만 제가 알려드리는곳은 그런것이 전혀 필요없습니다.
또한 티스토리에 사용하더라도 설치가 전혀 필요없습니다.
스킨을 변경하거나 하면 html에 추가해야 변경된 스킨에서도 구문강조를 사용하곤 했는데....그런것도 필요없습니다.

자 시작해볼까요...
설치필요없이 구문강조하고, 티스토리 치환자까지 표시하는 방법.
홈페이지 => http://pastie.org/

사용하는 방법은 http://pastie.org/pastes/new 에 가서 코드를 붙여넣습니다.

우측에 보시면 언어를 선택하는 곳이 있습니다.
html 이니까 html 로 해주면 됩니다.
그런다음 아래에 Paste 를 클릭합니다.

그럼 아래처럼 보여집니다.

우측에 보시면 Twilight 라고 보이실겁니다. 그걸 클릭해서 테마를 변경해도 됩니다.
저는 맥 스타일로 해봤습니다.

그럼 우측에 Embed 라고 적힌곳에 스크립트가 있습니다.
이걸 티스토리 본문에서 HTML 에 체크한 상태로 하고 붙여넣기하면 끝입니다.

그냥 붙여넣기하면 스킨에 따라 약간 너비 조정이 필요할때도 있습니다. 그래서 저는 style.css 편집창에 아래와같은 코드를 넣었습니다.
/* pastie 구문강조 */
.pastie .allcode  { overflow-x:scroll; }

제가 예제로 보여드린 코드를 pastie 를 사용해서 보여드릴께요.
이 내용을 수정합니다. 이때는 제가 이걸 적용했으나 시간이 지난후 다른 구문강조를 사용하기에 스샷으로 첨부해서 알려드립니다.

어때요 간단하죠^^;
이거 대박입니다.
참고로 로그인을 하면 내가 붙여넣은 코드를 볼 수 있다고 합니다.
지원하는 언어와 자세한 것은 홈페이지에 Help 를 보시면 알 수 있습니다.
근데 제가 해보니 로그인을 안해도 사용은 할 수 있습니다.