본문 바로가기
메모

티스토리 마크다운 제대로 적용

by mokhwasomssi 2021. 6. 24.

출처 : 티스토리 마크다운 문법으로 포스팅하는 방법

 

1. 스킨 편집 -> html 편집 -> HTML 에서 아래 코드 추가

 

<link href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/3.0.1/github-markdown.css" rel="stylesheet">

 

2. 스킨 편집 -> html 편집 -> CSS 에서 아래 코드 추가

 

.markdown-body { 
	box-sizing: border-box; 
	min-width: 200px; 
	max-width: 980px; 
	margin: 0 auto; 
	padding: 45px; 
} 

@media (max-width: 767px) { 
	.markdown-body { 
		padding: 15px;
	} 
}

 

3. 글쓰기 에디터에서 마크다운으로 글 작성후 HTML로 변환해서

 

맨 앞에 아래 코드 추가

 

<div class="markdown-body">

 

맨 마지막에 아래 코드 추가

 

</div>

 

4. 끝