티스토리 뷰

가끔 소스 코드를 올리는 경우들이 있어서 찾아 보니  SyntaxHighlighter 라는 플러그인에 관한 글들이 가장많이 

있더군요




그런데 이건 너무 많은 파일들을 업로드 해야 하더라구요.

용량이 큰건 아니지만 나중에 관리하기도 귀찮아 질거 같아서 패스하고 다른걸 알아봤습니다.


소개하는 방법은 따로 파일 업로드 같은건 하지 않아도 되고  


  1. </head> 윗부분에   코드 몇줄 추가해 주면 바로 사용 가능합니다.

방법은 아래와 같습니다.



  1. 티스토리 관리페이지 > 꾸미기 > HTML/CSS 편집 으로 들어가서

  1. 아래 사진에 보이는 HTML 을 클릭해 준뒤에

  2.  

  1. </head> 윗부분에  코드를 추가해 준다.

해당 코드는 아래와 같습니다.


		









이렇게 코드 삽입이 완료되면 바로 사용가능한 상태가 된것입니다.


사용법은 아래와 같습니다.


<pre class="brush: js;">  <!-- << 이부분 바로 아래부터  -->

<ul>
      <li><span class="list_total">Total : </span><span class="list_total_count">[##_count_total_##]</span></li>
      <li><span class="list_visitor">Today : </span><span class="list_total_count">[##_count_today_##]</span></li>
      <li><span class="list_visitor">Yesterday : </span><span class="list_total_count">[##_count_yesterday_##]</span></li>
</ul>

</pre>    <!-- << 이부분 바로 위까지 넣고자 하는 코드를 입력하면 됩니다. -->



결과 화면 입니다.



  • Total : [##_count_total_##]
  • Today : [##_count_today_##]
  • Yesterday : [##_count_yesterday_##]


이상 티스토리에 소스코드 플러그인 간편 추가 방법 이었습니다.



저작자 표시 비영리 변경 금지
신고
댓글쓰기 폼
1 ... 26 27 28 29 30 31 32 33 34 ... 73

티스토리 툴바