티스토리 소스코드 넣기 (HTML 양식) etc 2012. 3. 21. 18:48

syntaxhighlighter_2.0.287.zip



1. 위에 syntaxhighlighter_2.0.287.zip 파일을 다운받아서 압축을 푼다.


2. 그다음 티스토리 관리자 모드로 들어간뒤, 왼쪽메뉴에 [꾸미기]-[HTML/CSS 편집]-[파일업로드]란에서 조금전에 다운 받은 압축푼 파일 (폴더안에 있는것들) 모조리 다 올린다.




3. 하나도 남기지 않고 파일을 다 업로드 시켰다면 [꾸미기]-[HTML/CSS 편집]에서 skin.html 란에 </head>라고 적힌부분 바로 윗줄에 아래와 명령문을 넣어주고 저장한다!

view source
print?
01.<link rel="stylesheet" type="text/css" href="./images/SyntaxHighlighter.css">
02.<script type="text/javascript" src="./images/shCore.js"></script>
03.<script type="text/javascript" src="./images/shBrushBash.js"></script>
04.<script type="text/javascript" src="./images/shBrushCpp.js"></script>
05.<script type="text/javascript" src="./images/shBrushCSharp.js"></script>
06.<script type="text/javascript" src="./images/shBrushCss.js"></script>
07.<script type="text/javascript" src="./images/shBrushDelphi.js"></script>
08.<script type="text/javascript" src="./images/shBrushDiff.js"></script>
09.<script type="text/javascript" src="./images/shBrushGroovy.js"></script>
10.<script type="text/javascript" src="./images/shBrushJava.js"></script>
11.<script type="text/javascript" src="./images/shBrushJScript.js"></script>
12.<script type="text/javascript" src="./images/shBrushPhp.js"></script>
13.<script type="text/javascript" src="./images/shBrushPlain.js"></script>
14.<script type="text/javascript" src="./images/shBrushPython.js"></script>
15.<script type="text/javascript" src="./images/shBrushRuby.js"></script>
16.<script type="text/javascript" src="./images/shBrushScala.js"></script>
17.<script type="text/javascript" src="./images/shBrushSql.js"></script>
18.<script type="text/javascript" src="./images/shBrushVb.js"></script>
19.<script type="text/javascript" src="./images/shBrushXml.js"></script>
20.<link rel="stylesheet" type="text/css" href="./images/shCore.css"><link rel="stylesheet" type="text/css" href="./images/shThemeDefault.css">
21.<script type="text/javascript"> SyntaxHighlighter.config.clipboardSwf = './images/clipboard.swf'; SyntaxHighlighter.all();</script>





3. 이제 준비는 끝났다! 적용이 됐는지 확인하기위해 아무게시판에서 글을 써보자! 글작성 하기이전에 아래 사진처럼 HTML 란에 체크를 꼭 해주자!



4. 자 이제 코딩을 적게 되는데 이때 아래와 같은 코드를 입력하고 ...소스코드... 부분을 지우고 안에 소스코드를 작성하면 된다 ^ ㅡ^
 

<pre class=brush:javascript> 
   ... 소스코드 ...
</pre>


5. 완료하게된다면 다음과 같이 소스코드가 나타나게 된다!

view source
print?
1.#import <stdio.h>
2. 
3.int main(){
4.    printf("wow!!");
5.}</stdio.h>



※ 여기저기 자료를 모아 재구성하였기에...안된다면...크흙...제가 설명부족이었다고 할수밖에요... 끝까지 읽어주셔서 감사합니다 ^ ㅡ^*

            



                    

  



  



  



  




                    


  
'etc' 카테고리의 다른 글

  

    

      OPT 피싱 방지에 효과적 이라길래 새로 생긴건줄 알았네..  (0)
      2012.05.11
    

    

      (etc) 티스토리에 올라온 소스코드 긁어 가는 방법!!  (0)
      2012.04.19
    

    

      (etc) 개발용 아이폰... 꺼졌다 켜졌다...  (0)
      2012.04.04
    

    

      다시 맥버전 응용프로그램 개발자로 시작..  (0)
      2012.04.03
    

    

      드디어 티스토리 오픈!!  (0)
      2012.03.21
    

  






		

		

		

			
				
			,
			
				
			
		


	


	

		
		

		
		




	







               
           

					
						
					

				


				


				

				


				
			

		



	




  
티스토리툴바