반응형
티스토리에 소스코드 넣는 방법 알려드립니다.
syntaxhighlighter_3.0.83.zip
178.5 kB
파일 다운받은 후 압축을 풀어주세요
1. 블로그 -> 꾸미기 -> 스킨편집 클릭
2. 오른쪽 상단 HTML 탭 클릭 -> 파일업로드 클릭
3. syntaxhighlighter_3.0.83 안에 scripts, styles를 업로드 해줍니다.
*추가 버튼은 하단에 있습니다.
4. HTML탭 클릭 - style은 <head></head> 사이에, script는 <body></body> 사이 [st_3] 위로 내용을 넣으시면 됩니다.
(a) 사용할 테마를 넣어줍니다.
//다크테마
제가 사용중인 다크테마 입니다.
다른 스킨을 원하시면 SyntaxHighlighte -> style 폴더 안에 있는 다른 파일명으로 수정하시면 됩니다.
(b) 사용할 언어를 넣어줍니다.
필요에 따라 사용하실 언어만 넣어도 무관합니다.
이렇게 하면 모든 적용은 끝났습니다.
5. 실제 적용하기 (글작성 에디터를 html로 작성 해야합니다. (기본모드X))
(a)
pre class="brush:" 부분에서 자신의 코드스타일을 지정
(ex : html / css / js / java ...)
*html에디터로 작성 시 꺽쇠 기호가 적용되지 않기 때문에 아래 기호로 변경해서 사용합니다.
반응형
'html, css, javascript' 카테고리의 다른 글
| [html,css] table(표) 배경색 넣기 / 줄바꿈처리 / 가로스크롤 (0) | 2020.02.26 |
|---|---|
| [html, css] 마우스 오버 시 이미지 확대 (0) | 2019.09.10 |
| [Jquery] 경고창 띄우기 (0) | 2019.09.04 |
댓글