Life4IoT

Tistory Markdown으로 글쓰기 본문

IT 개발/기타

Tistory Markdown으로 글쓰기

카이젠8501 카이젠8501 2018.06.13 23:28
티스토리설정

Tistory Markdown으로 글쓰기

설정

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

블로그관리 | TISTORY 2018-06-13 15-49-06

Life4IoT :: 스킨편집 2018-06-13 15-50-13

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을 삽입하면 된다. 아래 그림처럼 마크다운 문법을 사용하여 글을 작성하면 된다.

Life4IoT :: 글쓰기 2018-06-13 20-10-31


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

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

Life4IoT :: 스킨편집 2018-06-13 15-57-12

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


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

링크

Life4IoT :: 스킨편집 2018-06-13 20-20-27

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

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


0 Comments
댓글쓰기 폼