banner
Lifestream
  • 전체 카테고리 (104)
    • Digital Life (41)
      • Picture (20)
      • Video (21)
    • Daily Life (20)
    • Game Life (5)
    • Code Life (18)
    • Information Life (18)
profile
Home Category Guestboook Notice
Manage Write
  • 전체 카테고리 (104)
    • Digital Life (41)
      • Picture (20)
      • Video (21)
    • Daily Life (20)
    • Game Life (5)
    • Code Life (18)
    • Information Life (18)
GTK_LeonHeart
Manage Write
구독하기 RSS 어두운 모드 밝은 모드
Information Life
티스토리 블로그에 SyntaxHighlighter 3.0.83 설치하기
2018. 9. 24. 22:29 · GTK_LeonHeart · 1

티스토리 블로그에 SyntaxHighlighter 3.0.83 설치하기


syntaxhighlighter_3.0.83.zip


우선 위 링크의 파일을 받아 압축을 풉니다.

1. 파일 업로드

우선 위에 올린 파일을 받아 압축을 푼 후 "스킨편집 -> HTML편집 -> 파일 업로드" 으로 가서 
"script" 폴더와 "styles"폴더의 모든 파일을 업로드 해 줍니다.
2. HTML 수정


"스킨편집 -> HTML편집  -> HTML"에서 </head>바로 위에 아래 코드를 넣어주고 저장합니다.


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
32
33
<!-- SyntaxHighlighter 설정 시작-->
<script type="text/javascript" src="./images/shCore.js"></script>
<script type="text/javascript" src="./images/shLegacy.js"></script>
<script type="text/javascript" src="./images/shBrushBash.js"></script>
<script type="text/javascript" src="./images/shBrushCpp.js"></script>
<script type="text/javascript" src="./images/shBrushCSharp.js"></script>
<script type="text/javascript" src="./images/shBrushCss.js"></script>
<script type="text/javascript" src="./images/shBrushDelphi.js"></script>
<script type="text/javascript" src="./images/shBrushDiff.js"></script>
<script type="text/javascript" src="./images/shBrushGroovy.js"></script>
<script type="text/javascript" src="./images/shBrushJava.js"></script>
<script type="text/javascript" src="./images/shBrushJScript.js"></script>
<script type="text/javascript" src="./images/shBrushPhp.js"></script>
<script type="text/javascript" src="./images/shBrushPlain.js"></script>
<script type="text/javascript" src="./images/shBrushPython.js"></script>
<script type="text/javascript" src="./images/shBrushRuby.js"></script>
<script type="text/javascript" src="./images/shBrushScala.js"></script>
<script type="text/javascript" src="./images/shBrushSql.js"></script>
<script type="text/javascript" src="./images/shBrushVb.js"></script>
<script type="text/javascript" src="./images/shBrushXml.js"></script>
<link type="text/css" rel="stylesheet" href="./images/shCore.css">
<link type="text/css" rel="stylesheet" href="./images/shThemeDefault.css">
<script type="text/javascript">
SyntaxHighlighter.all();
</script>
<!-- SyntaxHighlighter 설정 끝-->
<!-- SyntaxHighlighter 스크롤 안보이기 코드 시작 -->
<style>
.syntaxhighlighter {
  overflow: hidden !important;
}
</style>
<!-- SyntaxHighlighter 스크롤 안보이기 코드 끝 -->
Colored by Color Scripter
cs
3. 사용법


글 작성시 HTML에 체크 후


여기는 코드내용입니다.


#include<stdio.h>       

        

int main()                   

{                               

printf("Hello World!");


return 0;                      

}                               

</pre>                        

                

위 스크립트의 </pre> 위에 코드를 적어주시면 아래처럼 코드에 컬러가 입혀져서 나오게 됩니다.


참고 URL : http://alexgorbatchev.com/SyntaxHighlighter/




제 블로그의 내용이 도움이 되셨나요?

여러분의 공감과 댓글이 큰 힘이됩니다 :)

▼▼▼▼▼▼▼▼▼▼▼





저작자표시 비영리
태그
SyntaxHighlighter
카테고리 다른 글
related
루프레버조이스틱을 만들었습니다.
related
컬러 스크립터로 프로그래밍코드에 하이라이트 주기
related
[공유] https보안(SSL) 적용 썸네일 패치 (toDIVA님 스킨 toPiece용)
related
XG 음원으로 제작된 미디파일의 XG음원과 GS음원의 사운드 차이
more

  • smile
  • cry
  • nervous
  • disappointed
  • drunk
  • confused
  • kiss
  • love
(?)
확인

Links

  • faviconLifstream NAS
  • faviconThe LAST Web page
  • favicon월반장의 바구니
  • favicon박수홍2 의 고전컴 세상
  • favicon패싱님 티스토리
  • favicon혼자 끄적이는 블로그
  • favicon땀똔즈 블로그
  • favicon변덕 심한 묘한오빠
  • faviconSONYLOVE
  • favicon북쉐프 로샤씨

Notice

  • thumbnail20.01.05 블로그 스킨 업데이트
  • thumbnail18.04.18 안녕하세요

Recent Posts

  • GTA 온라인 개인세션(화이트리스트 세션?) 프로⋯
  • [DOS 게임] 그날이 오면 3: Dragon F⋯
  • 집근처(?) 만년교라는 다리입니다.
  • 노라조 - 빵 MV
  • GTA V 실행시 미국 키보드 없애기
  • 블로그 QR 코드
+ 더 보기

Recent Comments

  • 답변이 늦어 죄송합니다. 제 블로그의 csv파일과 받⋯ GTK_LeonHeart
  • 그리고 우클릭 해서 실행 하면 팝업이 뜨고 사라지고 설⋯ 동우
  • 전 윈도우11인대요 ㅠㅠ 오늘 해보니 안되더라고요 뷁 ⋯ 동우
  • 안녕하세요. 포스팅 잘 봤습니다. 혹시 회로 공유해주실⋯ ㅇㅇ
  • 한국을 제외한 모든 국가를 차단할때는 어케하나요? ⋯ 종우니
  • 아무런 설정없이 , 아무 경로에 vi 파일만 만들어주면⋯ 갭발자
GTK_LeonHeart
Game, Media , Life, Infomation.
Blog by GTK_LeonHeart Designed by Marshall K

티스토리툴바