티스토리 마크다운 적용하기

티스토리 마크다운 적용하기

마크다운으로 쓰여진 문서

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>

cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/monokai-sublime.min.css을 커스터마이징 해서 쓰고 싶다면

.hljs {
    display: block;
    overflow-x: auto;
    padding: 0.5em;
    font-family: "Courier New", "Courier New", "Courier New", Courier, monospace !important;
    background: #23241f
}

.hljs,
.hljs-tag,
.hljs-subst {
    color: #f8f8f2
}

.hljs-strong,
.hljs-emphasis {
    color: #a8a8a2
}

.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
    color: #ae81ff
}

.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class {
    color: #a6e22e
}

.hljs-strong {
    font-weight: bold
}

.hljs-emphasis {
    font-style: italic
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-name,
.hljs-attr {
    color: #f92672
}

.hljs-symbol,
.hljs-attribute {
    color: #66d9ef
}

.hljs-params,
.hljs-class .hljs-title {
    color: #f8f8f2
}

.hljs-string,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
    color: #e6db74
}

.hljs-comment,
.hljs-deletion,
.hljs-meta {
    color: #75715e
}

맨 아래 보면 mdForSUNGHS.css 로 저장해서 업로드 해놓았음

현재 이 내용을 업로드해서 쓰고있고
수정내용은 font-family를 Courier New로 지정해 놓음