반응형
IT 블로그를 운영하다 보면 Source Cord를 올려야 될때가 많습니다. 하지만 visual 통째로 캡쳐하는거나
소스코드 자체를 복사 붙여넣기엔 보기도 좋지도 않죠??ㅎㅎ SyntaxHighLighter를 이용하면 쉽고 사람들도 보기좋게 소스코드를 올릴 수 있습니다.
이번에는 Tistory를 이용한 SyntaxHighLighter적용 방법에 대해 포스팅하겠습니다.
1. 공식 사이트에서 다운
2. 파일 압축 해제
3. Tisotry [관리페이지] → [HTML/CSS편집] → "파일업로드" 로 이동
4. 압축을 해제한 폴더에 script폴더, style폴더 내 파일들을 전부 업로드
4. [HTML/CSS편집] skin.html에서 </head>를 검색 (ctrl + F 찾기 사용)
# <head> ... </head> 태그 사이에 아래 소스 삽입
[코어 스타일과 기본테마 설정, 사용할 소스코드 언어인 brush 설정, highlighter를 활성화 하는 방법]
5. 사용 방법
# 글쓰기 도구옆에 HTML을 클릭 하여 다음과 같은 소스를 입력한다.
소스코드
6. Brush의 종류
반응형
'INFORMATION > TIP' 카테고리의 다른 글
| 2020년 실업급여 지급조건 및 이직확인서 발급 방법 (0) | 2020.08.28 |
|---|---|
| 경기도민 재난기본소득 10만원 신청방법 (지역카드,신용카드,선불카드) (3) | 2020.03.24 |
| [강력한 무료 백신] avast 라이센스키로 1년동안 무료로 사용하기 (0) | 2013.09.22 |
| Visual Studio 2012 Utimate 한글 평가판을 MSDN 키로 설치하기 (0) | 2013.09.14 |
| syntaxhighlighter 글자 크기, 폰트 크기 조절 (0) | 2013.08.19 |