Tistory Markdown으로 글쓰기

Tistory Markdown으로 글쓰기

설정

티스토리에 마크다운을 적용하기 위해서는 아래 스크립트를 삽입해야 한다.

HTML의 위에 아래 코드를 추가 한다.

<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.6.0/showdown.min.js"></script>
<script src="https://rawgithub.com/makerj/misc/master/tistory-markdown-plugin.js"></script>

글 작성

글 쓰기를 눌러 마크다운으로 글을 작성한다. HTML을 해제하고 본문에 @markdown을 삽입하면 된다. 아래 그림처럼 마크다운 문법을 사용하여 글을 작성하면 된다.

Highlight.js를 이용한 구문강조(Syntax Highlight)

마크다운 <code> 태그에 구문강조(Syntax Highlight)를 적용하기 위해서는 HTML의 </body> 위에 아래 코드를 추가 한다.

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

상단 바로 위에 아래 코드를 삽입한다. Syntax Highlight의 테마를 확인 하려면 아래 링크를 참고 하기 바란다. (아래 예제는 androidstudio 테마를 사용 함)

링크

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.1.0/styles/androidstudio.min.css">

[참고] http://tech.devgd.com/4