Notice
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 |
Tags
- Array 내장함수
- plugin
- 카카오 Maps API
- jqueryplugin
- node메일보내기
- 자바스크립트 변수 차이점
- node.js 로그관리
- 의미있는태그
- 노마드코더
- select플러그인
- 텍스트입력 라이브러리
- 개발자북클럽
- json-server 사용하기
- 모바일 사용자를 위해 올바른 HTML input type
- node.js이메일보내기
- js Array 내장함수
- 이미지에 링크여러개
- json-server 서버설치
- 변수선언방법
- 이미지에 링크여러개걸기
- 카카오 Maps
- iCalendar
- book_club
- 노개북
- vue Maps API
- niceselect사용법
- book-club-it-dictionary
- vue 카카오 Maps API
- 이미지에 다중링크걸기
- 텍스트서식태그
Archives
- Today
- Total
ㅇㅅㅇ
티스토리블로그에 소스코드 플러그인 넣기(소스코드하이라이터) 본문
이 블로그는 전공+부업 공부용 블로그입니다
해서 해놨던거 프론트 앤드(html+css+js)자료를 넣어 보려고 하는데
저도 검색하다보니 블로거 분들이 쓰시는 플러그인(소스코드하이라이터)이 있어서 저도 받아 써보고
처음쓰시는 분들계 알려 드리고자(저도 정리할겸) 하는 맘에 작성법을 정리해봅니다.
도움이 되었으면 하네요
*사용방법*
1. 파일을 다운받아 컴퓨터에 압축을 풀어줍니다.
syntaxhighlighter_3.0.83.zip
다운로드
압춘 푼 후의 모습 티스토리에는 scripts와 styles 소스를 업로드합니다.
2. 티스토리 블로그 관리에 꾸미기로 들어가 스킨편집을 누른 후
html 편집으로 들어갑니다.
추가버튼으로 위의 scripts와 styles폴더의 파일의 전부 업로드한 후에 저장을 합니다.
3. 파일업로드 후 html 수정에서 <head></head>사이에
아래의 소스와
<span style="font-size: 12pt;"> SyntaxHighlighter.all();</span> 테마 css소스를 붙입니다.
여러개 있던데 저는 이게 맘에 들어서 이 소스만 말씀드립니다.
//다크테마
<pre class="brush: java">
/*코드내용*/
</pre>
/*코드내용*/
완성!
다시한번 도움이 되셨으면 좋겠습니다.^^
Comments