| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 29 | 30 | 31 |
Tags
- 프론트앤드
- 개발자북클럽
- jqueryplugin
- 웹개발
- 개발회고
- 항해 플러스 프론트앤드
- corser챌린지
- 프론트엔드
- 항해플러스 프론트앤드
- 항해99
- book_club
- GeminiAPI 405
- NextJs
- plugin
- niceselect사용법
- 사이드프로젝트
- Supabase
- 타로웹서비스
- tailwindcss
- 노개북
- 프론트앤드개발
- 항해플러스프론트앤드
- 항해플러스
- whispersofthestars
- select플러그인
- 타로엠비티아이
- 타로프로젝트
- 노마드코더
- 항해플러스 프론트엔드
- 프론트엔드사이드프로젝트
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>
/*코드내용*/
완성!
다시한번 도움이 되셨으면 좋겠습니다.^^