티스토리 뷰
1. 다운로드
http://alexgorbatchev.com/SyntaxHighlighter/download/
- 파일 다운로드 한 다음 압축파일 해제
2. 티스토리 스킨 적용
2.1 My > 관리 > 꾸미기 > HTML/CSS편집 > 파일업로드
2.1.1 script 파일 추가
- script 파일 모두 업로드
2.1.2 css 추가
- css 파일은 shCore.css와 사용할 테마만 선택
- 테마 샘플 : http://blueray21.tistory.com/29
2.2 My > 관리 > 꾸미기 > HTML/CSS편집 - skin.html 수정
2.2.1 style 삽입
<head> |
2.2.2 script 삽입
- </body> 태그 직전에 스크립트 삽입
- shCore.js는 맨 위에 삽입
<body> |
2.3 저장
3. 사용법 - HTML편집모드에서 작성
3.1 기본
http://alexgorbatchev.com/SyntaxHighlighter/manual/configuration/
<pre class="brush: java"> |
1 2 3 4 5 6 7 | class HellowJava { public static void main(String[] args) { System.out.println( "Hello, Java ! " ); } } |
3.2 옵션
3.2.1 auto-links
<pre class="brush: java; auto-links: false;"> |
1 | System.out.println( "http://test.com" ); |
- 기본은 true. URL이 있으면 자동으로 링크가 생성되는데 링크 안 생기게 할려면 false로 지정
3.2.2 class-name
<style> |
1 | System.out.println( "Hello, Java ! " ); |
3.2.3 collapse
<pre class="brush: java; collapse: true;"> |
3.2.4 first-line
<pre class="brush: java; first-line: 11;"> |
11 12 13 14 15 16 17 | class HellowJava { public static void main(String[] args) { System.out.println( "Hello, Java ! " ); } } |
3.2.5 gutter
<pre class="brush: java; gutter: false;"> |
class HellowJava { public static void main(String[] args) { System.out.println( "Hello, Java ! " ); } } |
3.2.6 highlight
<pre class="brush: java; first-line: 11; highlight: [13, 15];"> |
11 12 13 14 15 16 17 | class HellowJava { public static void main(String[] args) { System.out.println( "Hello, Java ! " ); } } |
3.2.7 smart-tabs
<pre class="brush: plain; smart-tabs: true"> |
1 2 3 | 1 1st 123 2nd 1234567 3rd |
<pre class="brush: plain; smart-tabs: false"> |
1 2 3 | 1 1st 123 2nd 1234567 3rd |
3.2.8 toolbar
<pre class="brush: plain; toolbar: false;"> |
1 | hide toolbar |
Appendix 1. Bundled Brushes
http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/
Appendix 2. Option
http://alexgorbatchev.com/SyntaxHighlighter/manual/configuration/
Appendix 3. Themes
http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/
'Linux > TIP' 카테고리의 다른 글
linux에서 소스 받아서 설치하기 (linux 폴더 구조) (0) | 2020.12.25 |
---|---|
FTP 서버 설치 (ubuntu 기준) (0) | 2020.12.04 |
계정 관리 (0) | 2020.04.19 |
유저그룹 (USER GROUP) (0) | 2018.09.18 |
좀비프로세스 죽이기 (0) | 2013.01.11 |