히스토리 스킨 hELLO에 Markdown 적용

Markdown CSS 적용

티스토리 스킨 편집을 눌러서 html 편집에서 CSS를 추가 해줍니다.

편집 버튼 클릭

HTML 편집 클릭

Head 부분 안에 작성

<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.1.0/github-markdown-light.min.css"
integrity="sha512-zb2pp+R+czM7GAemdSUQt6jFmr3qCo6ikvBgVU6F5GvwEDR0C2sefFiPEJ9QUpmAKdD5EqDUdNRtbOYnbF/eyQ=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>

CLASS 적용

249줄에 CLASS를 추가 합니다.

Before

<article class="relative" id="content" x-ref="content">

After

<article class="relative markdown-body" id="content" x-ref="content">

CSS 추가 및 수정

맨 위에 마크다운 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; }
}

아래의 CSS도 추가 합니다.

#article ul{
	list-style-type: disc;
}

적용하면 본문 내용만 마크다운으로 적용이 됩니다.