대부분 다음블로그에 기록을 남기는데 대부분 개발관련 글이다보니 소스를 넣어야할때가 많다.
syntaxhighlighter라는 것을 많이 쓴다는데....저도 한 번 깔아보겠습니다 ㅋ
syntaxhighlighter_2.1.364.ziphttp://alexgorbatchev.com/SyntaxHighlighter/download/
3.0까지 버전이 나왔다지만 소스보기와 인쇄 기능이 있다는 2.1.364버전으로 설치한다.
다음에는 없는 티스토리에만 있는 스킨 수정기능으로 도전! (에디터는 둘이 비슷한거 같은데 왜 다음은 없는지 모르겠다.)
1. 티스토리 관리로 들어간다.
2. 왼쪽메뉴>꾸미기>HTML/CSS편집
3. 파일업로드 탭 클릭
4. 맨 밑에 추가버튼 클릭
5. 아까 받은 파일의 압축을 풀면 scripts, styles, src 세 폴더가 보인다. 이 중에 scripts, styles폴더 안에 있는 파일들을 선택해서 올린다. 뭐가 뭔지 모르니 일단 몽땅!
6. HTML/CSS탭 클릭
7. 여기서 skin.html 편집에 들어간다. 그리 어렵지 않다.
header부분
참 style폴더를 보면 테마css가 몇가지 있는데 shThemeDefault.css는 디폴트이다.
다른 테마로 보고싶다면 shThemeDefault.css대신 테마css로 설정해주면 된다.
참고로 나는 shThemeRDark.css로 설정하였다.
다시 아래로 내려간다. body태그 닫기 바로 전 까지.
js파일들은 각 언어에 맞는 환경을 제공해주는 것 같다.
script폴더안에 있는 js파일들 보고 알맞게 갖다쓰면 될 여기까지 해주면 skin.html 수정 끝이다.
8. 이제는 편집기에서 사용해보자 . 참참 HTML쓰기로 해야한다. 에디터로하면 안됨.
<TEXTAREA class=html name=code>
소스코드
</textarea>
class에 각자 맞는 aliases를 넣으면 되는 것 같다. (이건 아직 추측)
이건 각 js파일을 열어 SyntaxHighlighter.brushes.JScript.aliases를 찾아보면됨.
-The End-
'기타' 카테고리의 다른 글
| 티스토리에 코드넣기 (0) | 2019.08.30 |
|---|---|
| bat파일 작업스케줄러 걸기 (0) | 2015.01.08 |
| facebook 공유링크 캐쉬 삭제 (0) | 2014.06.16 |
| SNS 링크걸기 (0) | 2014.06.09 |