티스토리 소스코드 넣기(가장쉬운방법)

티스토리 소스코드 넣기 가장 쉬운 방법으로 진행 해보실꼐요.

티스토리 코드가 가장 이쁘게 들어 갈꺼에요 ^^

1.  http://alexgorbatchev.com/SyntaxHighlighter/download/ 에서 zip 파일 내려받으세요.

syntaxhighlighter_3.0.83.zip

소스코드 바로 받으시려면 파일 클릭 


2. 티스토리 관리자 모드로 들어간뒤, 왼쪽메뉴에 [꾸미기]-[HTML/CSS 편집]-[파일업로드]란에서 조금전에 다운 받은 압축파일에  script와 style 폴더 안에 js 와 css 확장자 파일을 업로드 해주세요.

3. [꾸미기]-[HTML/CSS 편집]에서 skin.html 란에 </head> 검색하시고, 바로 윗줄에 아래와 명령문을 넣어주고 저장한다!

<script type="text/javascript" src="./images/shCore.js"></script>

<link rel="stylesheet" type="text/css" href="./images/shCore.css" />
<link rel="stylesheet" type="text/css" href="./images/shThemeDefault.css" />

<script type="text/javascript" src="./images/shBrushAppleScript.js"></script>
<script type="text/javascript" src="./images/shBrushAS3.js"></script>
<script type="text/javascript" src="./images/shBrushBash.js"></script>
<script type="text/javascript" src="./images/shBrushColdFusion.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/shBrushErlang.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/shBrushJavaFX.js"></script>
<script type="text/javascript" src="./images/shBrushJScript.js"></script>
<script type="text/javascript" src="./images/shBrushPerl.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/shBrushPowerShell.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/shBrushSass.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>

<script type="text/javascript">
    SyntaxHighlighter.all();
</script>


3. 적용이 됐는지 확인하기위해 아무게시판에서 글을 써볼께요.

글작성 하기 이전에 아래 사진처럼 HTML 란에 체크를 꼭 해주세요

4. 아래와 같은 태그 형태 안에 소스 코드를 넣어 주시면 됩니다. 

<pre class="brush:java"> 

class java{

}

</pre>

<pre> 태그의 class를 "brush:{사용하고자하는 소스코드 종류}"로 적용 시켜줘야합니다. 

티스토리 소스코드 가 적용되었습니다. ^^

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

@WebServlet("/login") public class LoginServlet extends HttpServlet {     private static final long serialVersionUID = 1L;              /**      * @see HttpServlet#HttpServlet()      */     public LoginServlet() {         super();         // TODO Auto-generated constructor stub     }       /**      * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)      */     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {         // TODO Auto-generated method stub     } }

티스토리 소스코드 넣기 가장 쉬운 방법을 포스팅 마치겠습니다.