banner
Lifestream
  • 전체 카테고리 (101)
    • Digital Life (39)
      • Picture (19)
      • Video (20)
    • Daily Life (20)
    • Game Life (5)
    • Code Life (18)
    • Information Life (18)
profile
Home Category Guestboook Notice
Manage Write
  • 전체 카테고리 (101)
    • Digital Life (39)
      • Picture (19)
      • Video (20)
    • 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
(?)
확인
  1. profile
    GTK_LeonHeart 2019.04.27 17:39 신고      

    https://i.imgur.com/UrJHGVd.png

    로샤님이 쓰신 댓글에 답글을 쓴다는게 실수로 삭제를 해버렸네요 죄송;;;

 
 
1 ··· 5 6 7 8 9 10 11 12 13 ··· 18

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

  • 노라조 - 빵 MV
  • GTA V 실행시 미국 키보드⋯
  • 블로그 QR 코드
  • ARGB(네오픽셀)팬 컨트롤⋯
  • 갑자기 모니터 신호가 안⋯
  • 안예은 - 8호 감방의 노래
+ 더 보기

Recent Comments

  • 제작자분께서 올리신 새버전⋯ GTK_LeonHeart
  • 요즘 또 썸네일이 안나오내요⋯ 디제라티
  • 감사합니다~참고많이 되었어⋯ 자작
  • 판매계획은 없어요; 깔끔하게⋯ GTK_LeonHeart
  • 만든지 오래되어 가물가물한⋯ GTK_LeonHeart
  • 만든지 오래되서 기억은 잘⋯ GTK_LeonHeart
GTK_LeonHeart
Game, Media , Life, Infomation.
Blog by GTK_LeonHeart Designed by Marshall K

티스토리툴바