대부분 다음블로그에 기록을 남기는데 대부분 개발관련 글이다보니 소스를 넣어야할때가 많다.

 

syntaxhighlighter라는 것을 많이 쓴다는데....저도 한 번 깔아보겠습니다 ㅋ

syntaxhighlighter_2.1.364.zip

http://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

+ Recent posts