Tistory Markdown Syntax Highlighter

티스토리 마크다운에서 소스코드 구문강조

이전 티스토리 마크다운 강좌에서 후속으로, 마크다운 문서내에서 소스코드를 인용할 경우에,
문법강조가 되면 훨씬 보기에 편리하다. 문법강조를 추가해보도록 하자.

관리자 폐이지에서 HTML/CSS 메뉴를 선택한다.
/head 태그 위에 다음의 코드를 추가한다.

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/monokai-sublime.min.css">

구문강조 스킨선택 에서 원하는 스킨을 선택할 수도 있다.
이제는 /body 태그위에 다음의 코드를 추가한다.

<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

이제 마크다운의 ``` 코드인용에서 코드를 복사하면 정상적으로 문법강조 부분이 표시될 것이다.

문법 예제 (기본 서브라임-모노카이 스킨)

#include <stdio.h>

int main(int argc, char *argv[])
{
    int i = 10;

    printf("Hello, World!\n i = %d\n", i);

    return 0;
}

# 티스토리 마크다운에서 소스코드 구문강조 이전 티스토리 마크다운 강좌에서 후속으로, 마크다운 문서내에서 소스코드를 인용할 경우에, 문법강조가 되면 훨씬 보기에 편리하다. 문법강조를 추가해보도록 하자. 관리자 폐이지에서 **HTML/CSS** 메뉴를 선택한다. **/head** 태그 위에 다음의 코드를 추가한다. ``` <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/monokai-sublime.min.css"> ``` [구문강조 스킨선택](https://highlightjs.org/static/demo/) 에서 원하는 스킨을 선택할 수도 있다. 이제는 **/body** 태그위에 다음의 코드를 추가한다. ``` <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script> <script>hljs.initHighlightingOnLoad();</script> ``` 이제 마크다운의 ``` 코드인용에서 코드를 복사하면 정상적으로 문법강조 부분이 표시될 것이다. ### 문법 예제 (기본 서브라임-모노카이 스킨) ```C #include <stdio.h> int main(int argc, char *argv[]) { int i = 10; printf("Hello, World!\n i = %d\n", i); return 0; } ```