티스토리블로그에 소스코드 플러그인 넣기(소스코드하이라이터)

Tags more

Archives

관리 메뉴

ㅇㅅㅇ

프로그래밍/티스토리 블로그

소 아 2018. 9. 7. 10:30

이 블로그는 전공+부업 공부용 블로그입니다

해서 해놨던거 프론트 앤드(html+css+js)자료를 넣어 보려고 하는데

저도 검색하다보니 블로거 분들이 쓰시는 플러그인(소스코드하이라이터)이 있어서 저도 받아 써보고

처음쓰시는 분들계 알려 드리고자(저도 정리할겸) 하는 맘에 작성법을 정리해봅니다.

도움이 되었으면 하네요

*사용방법*

1. 파일을 다운받아 컴퓨터에 압축을 풀어줍니다.

압춘 푼 후의 모습 티스토리에는 scripts와 styles 소스를 업로드합니다.

2. 티스토리 블로그 관리에 꾸미기로 들어가 스킨편집을 누른 후

html 편집으로 들어갑니다.

추가버튼으로 위의 scripts와 styles폴더의 파일의 전부 업로드한 후에 저장을 합니다.

3. 파일업로드 후 html 수정에서 <head></head>사이에

아래의 소스와

                            <span style="font-size: 12pt;"> SyntaxHighlighter.all();</span>

테마 css소스를 붙입니다.

여러개 있던데 저는 이게 맘에 들어서 이 소스만 말씀드립니다.

//다크테마

5. 작성시에

를 선택해 이렇게 쓰면

/*코드내용*/

</pre>

/*코드내용*/

완성!

다시한번 도움이 되셨으면 좋겠습니다.^^

Comments