공부

마크다운 티스토리 적용

빈v 2023. 7. 23. 00:32
728x90
티스토리 설정의 꾸미기 -> 스킨 편집으로 이동한다.  

 

그 후 스킨 편집의 html 편집을 클릭한다.  

 

  

head 위에 link 파일을 삽입한다.

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

  

그 후 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;
  }
}

  

마크다운 작성이 끝난 후 div 클래스로 감싼다.

<div class="markdown-body">

</div>
728x90
반응형