SyntaxHighlighter를 이용하면,
블로그등에 포스팅을 할때, 보기 좋기 때문에,
이번 기회에 티스토리에 한번 이용해 보세요.
syntaxhighlighter를 사용하기 위해서는 먼저,
syntaxhighlighter파일을 다운받아서, 티스토리에 업로드해야 합니다.
http://alexgorbatchev.com/SyntaxHighlighter/
위에 SyntaxHighlighter 공식 홈페이지에 가서,
오른쪽 상단에 Download 페이지에 가서 다운받으시면 되는데,
현재 SyntaxHighlighter 4버전을 다운로드 하실수 있어요.
근데 티스토리에서 사용하기에는 문제가 있다고 하는거 같아서,
중간에 보면 구버전(Old Site) 다운로드 할수 있다고 되어 있는데,
클릭을 하면 404 에러 페이지가 나오고 페이지가 없다고 나옵니다.
syntaxhighlighter_3.0.83.zip그래서, 위에 따로 인터넷에서 검색한,
SyntaxHighlighter3.0.83 버전을 올려 놓았으니,
필요하신 분들은 다운받아서 먼저 압축을 풀어 놓으세요.
티스토리에서 관리자 페이지로 들어가면,
좌측 메뉴 중간에, 꾸미기 > 스킨편집 이라고 있습니다.
오른쪽에 Html편집 이라고 있으니 클릭 하세요.
HTML, CSS, 파일업로드 가 보이는데요,
먼저 파일 업로드를 클릭한후,
아래에 추가 버튼을 클릭 합니다.
SyntaxHighlighter 파일을 다운로드한후,
앞축을푼 폴더안에,
scripts 와 syles 폴더에 있는 모든 파일을 업로드해줍니다.
상단에 HTML 편집을 눌러서,
제일 윗부분에 <head> 밑에, 위에 소스를 그대로 적어 줍니다.
위에 소스는 scripts 폴더에 있는,
파일들의 경로들 입니다.
특정 언어만 사용한다면, 그 언어에 대한 것만 적어 주셔도 됩니다.
소스 아래에 보면, 위에 스타일을 선택할수 있는데요.
이건 styles 폴더에 있는 것중에, 원하는 스타일을 선택해서,
변경하시면 됩니다.
작성이 끝났으면 '적용' 버튼을 꼭 눌러주시면 됩니다.
이제 포스팅을 작성해 봅니다.
저는 위처럼 Hello, Java 를 출력하는, 자바 코드를 작성해 봤습니다.
본인이 작성한 코드 상단에 <pre class="brush:java"> 라고 작성해 주시고,
하단에 </pre>로 태그를 닫아주시면 됩니다.
public class Hello { public static void main(String[] args) { System.out.println("Hello, Java"); } }
위처럼 원하는 자바 코드가 출력이 되는 것을 확인할수 있습니다.
생각보다 어렵지 않으니,
소스코딩을 포스팅 자주 하시는 분들이시라면,
이용하시면 좋을거 같아요.
| Brush name | Brush aliases | File name |
|---|---|---|
| ActionScript3 | as3, actionscript3 | shBrushAS3.js |
| Bash/shell | bash, shell | shBrushBash.js |
| ColdFusion | cf, coldfusion | shBrushColdFusion.js |
| C# | c-sharp, csharp | shBrushCSharp.js |
| C++ | cpp, c | shBrushCpp.js |
| CSS | css | shBrushCss.js |
| Delphi | delphi, pas, pascal | shBrushDelphi.js |
| Diff | diff, patch | shBrushDiff.js |
| Erlang | erl, erlang | shBrushErlang.js |
| Groovy | groovy | shBrushGroovy.js |
| JavaScript | js, jscript, javascript | shBrushJScript.js |
| Java | java | shBrushJava.js |
| JavaFX | jfx, javafx | shBrushJavaFX.js |
| Perl | perl, pl | shBrushPerl.js |
| PHP | php | shBrushPhp.js |
| Plain Text | plain, text | shBrushPlain.js |
| PowerShell | ps, powershell | shBrushPowerShell.js |
| Python | py, python | shBrushPython.js |
| Ruby | rails, ror, ruby | shBrushRuby.js |
| Scala | scala | shBrushScala.js |
| SQL | sql | shBrushSql.js |
| Visual Basic | vb, vbnet | shBrushVb.js |
| XML | xml, xhtml, xslt, html, xhtml | shBrushXml.js |
사용언어는 위에 적혀 있는 것을 참고 하시면 됩니다.
'IT & 인터넷' 카테고리의 다른 글
| 혼공자바 4주차 : 550페이지, 539페이지 문제풀이 (0) | 2019.08.12 |
|---|---|
| 혼공자바 3주차 : 혼공 용어 노트 활용과 512페이지 8번문제 (0) | 2019.08.08 |
| 혼공자바 2주차 : 330쪽 실행결과 인증샷, 객체지향 프로그래밍 개념정리 (0) | 2019.08.03 |
| 혼공자바 0주차 : 혼자 공부하는 자바 시작 합니다 (0) | 2019.07.26 |
| 혼공자바 1주차 : 자바(Java), 이클립스(Eclipse) 설치하기 (0) | 2019.07.26 |