1. 스크립트/스타일 다운로드 받기
=> http://alexgorbatchev.com/SyntaxHighlighter/download/
2. 다운로드 받은걸 푼다.
3. 풀어놓은 폴더 안에서 Scripts, Styles의 내용물을 몽땅 업로드 한다.
(티스토리 관리영역중 "꾸미기 - HTML/CSS - 파일업로드" 에서 추가하면 된다.)
4. Skin 소스코드에 스크립트를 추가해야한다. ("꾸미기 - HTML/CSS")
skin.html에서 /body라는 키워드를 검색한다.
그 후에
의 내용물을 복사하여 </body> 태그 바로 위에 추가해준다.
5.
가장아랫줄에
<link type="text/css" rel="stylesheet" href="./images/shCoreMidnight.css">
<link type="text/css" rel="stylesheet" href="./images/shThemeMidnight.css">
이부분에서
shCoreMidnight
shThemeMidnight
만 수정하면 원하는 테마로 사용가능.
미리보기는 http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/ 에서 할 수 있다.
본문에서 사용하는 방법.
1. html을 체크하여 html 편집모드로 진입한다.
<pre class="brush:codetype">
....
소스 코드 작성
....
</pre>
단, codetype을 그대로 쓰란것이 아니라
C소스면 codetype를 지우고 c를 쓴다.
만약 자바코드라면
"brush:java" 가 되는것이다.
'이것저것 배운것 > Tistory' 카테고리의 다른 글
광고를 좌우로 2개 넣는방법 (0) | 2015.07.23 |
---|---|
티스토리 광고 삽입하는 방법! (0) | 2015.07.23 |
티스토리 카테고리 항상 펼치기 (0) | 2014.10.01 |
티스토리 메뉴 바 제거하기 (0) | 2013.10.30 |