티스토리 시작 후 코드 블럭 지원을 하지 않는 것을 보고 찾아보니 Prism, SyntaxHighlighter, google-code-pretty를 많이 사용하는 것 같음
파일 업로드 없이 script tag 추가 만으로 사용 가능한 google-code-pretty를 적용하여 사용 중
[ 설치 방법 ]
- 티스토리 관리자모드 -> 스킨 편집 -> html 편집 클릭
- <head></head> tag 사이에 아래의 script tag 추가 후 저장
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
나는 제공 스킨 중 desert 적용하여 사용 중
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?skin=desert"></script>
아래는 스킨 테마 종류
[ 사용 방법 ]
- 글 쓰기 후 html 코드 작성 클릭
- <pre class="prettyprint"></pre> 사이에 code 입력하면 끝
- 개발 언어 지정 방법
<pre class="prettyprint lang-html">
The lang-* class specifies the language file extensions
File extensions supported by default include:
"bsh", "c", "cc", "cpp", "cs", "csh", "cyc", "cv", "htm", "html", "java",
"js", "m", "mxml", "perl", "pl", "pm", "py", "rb", "sh", "xhtml", "xml",
"xsl".
</pre>
linenum 설정
# linenum default
<pre class="prettyprint linenums">
foo();
bar();
baz();
boo();
far();
faz();
</pre>
# lienum 4 부터 시작
<pre class="prettyprint linenums:4">// This is line 4.
foo();
bar();
baz();
boo();
far();
faz();
</pre>
[ 출처 ]
https://github.com/google/code-prettify
