티스토리(Tistory)에 소스코드 삽입 - SyntaxHighlighter

1. 블로그 관리 페이지 - 꾸미기 - 스킨편집 - HTML 편집 클릭

2. 소스창에서 </head> 위 부분에 다음 코드 삽입

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/styles/shCoreRDark.min.css">

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shCore.min.js"></script>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushCpp.min.js"></script>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushPlain.min.js"></script>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushPython.min.js"></script>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushXml.min.js"></script>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shAutoloader.min.js"></script>

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

* <link rel~~~ 줄에서 표현할 테마 표기. 파일명은 하기 링크 참고.

  링크의 파일명의 shTheme~~~를 shCore~~~로 바꿔도 되는데, shCore~~~가 아니면, ? 표기가 이상하게 보임. (나만 그런가??)

http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/

* <script type ~~~ 줄에서 사용 언어 표기, 파일명은 하기 링크 참고

http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

3. 저장

4. 소스 코드 입력은

   입력창의 "외부컨텐츠" 클릭, html선택, 아래 형식으로 적어준다.

<pre class="brush:사용언어">

삽입할 코드

</pre>

아래를 입력 하면, 

<pre class="brush:python">

# test

import requests

from bs4 import BeautifulSoup

</pre>

편집창에서는 회색상자안에 표기 된 것으로 보이나, 미리보기나 발행 하면 제대로 나옴.

# test
import requests
from bs4 import BeautifulSoup