티스토리 시작 후 코드 블럭 지원을 하지 않는 것을 보고 찾아보니 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


'티스토리' 카테고리의 다른 글

[티스토리] 에버노트 플러그인 (Evernote PlugIn) 사용 방법  (0) 2019.03.01

+ Recent posts

티스토리툴바