티스토리 SyntaxHighlighter 코드자동변환 프로그램

티스토리나 네이버블로그에 소스코드를 이쁘게 올리려면 보통 SyntaxHighlighter를 쓰거나 ColorScripter 프로그램을 쓰는데요. 저는 요즘 전자인 SyntaxHighlighter를 사용하고 있습니다. 장점이라면 라인번호가 보이나 복사시 라인번호는 같이 안딸려와요. 그리고 테마가 여러가지 있어서 사용자의 입맛대로 사용할 수 있다는 점? 단점은 글 작성시 태그 안에 코드를 넣어줘야 하는데 태그가 겹칯는지 그냥 넣었을시 HTML코드에 맞지 않아 이상하게 보이는 경우가 간혹 있습니다. 그래서 그 단점을 해결해 주는 프로그램이 있죠. 출처는 : http://emflant.tistory.com/42 입니다. 사용해보니 너무 좋아서요^^ 다운로드 : 프로그램을 다운받아서실행시킨 모습입니다. 사..

• format_list_bulleted 블로그/티스토리
• · 2018. 9. 3.
• textsms

티스토리 SyntaxHighlighter 테마/브러쉬 변경

■ 테마 변경SyntaxHighlighter 테마는 7가지 종류가 있습니다. 각자 마음에 드는 테마를 골라 사용하시면 되겠습니다.먼저 공식주소는 http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/ 여기서 보시면 되구요.티스토리 관리자모드 HTML/CSS 편집화면에서 해당 스크립트를 복사 붙여넣기 하면 됩니다. 1) Default 2) Django 3) Eclipse 4) Emacs 5) Fade To Gray 6) Midnight 7) RDark ■ 브러쉬 종류SyntaxHighlighter 에서는 정말 다양한 언어 브러쉬를 지원하고 있네요. 먼저 자세한 내용을 보시려면 공식 주소인 http://alexgorbatchev.com/SyntaxHighli..

• format_list_bulleted 블로그/티스토리
• · 2018. 9. 3.
• textsms

티스토리 SyntaxHighlighter 적용하는 방법

티스토리에 글작성할 때 그동안 Color Scripter로 소스를 올렸었는데, 반응형 스킨이라서 그런지 몰라도 제가 원하는대로 수정하기 힘들어서 바꾸고 싶어졌습니다. 그래서 알아보다가 한번 적용 시켜본 소스코드 플러그인이 SyntaxHighlighter입니다. 설명에 앞서 일단 적용부터 시켜볼게요. 많은 말이 필요 없습니다. 사람들이 왜 이 플러그인을 사용하는지 써보면 알겠더라구요. But~ 하지만 혼자서 적용하기엔 좀 까다롭기 때문에 잘 보고 따라하셔야 됩니다. ■ 적용방법 - 주소링크 http://alexgorbatchev.com/SyntaxHighlighter/download/ 에 들어가서 위 사진에 빨간색 화살표가 가르키는 Click here to download를 클릭하여 다운로드를 받습니다. ..

• format_list_bulleted 블로그/티스토리
• · 2018. 9. 3.
• textsms