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

타이포라에 글을 써서 티스토리에 업로드하려고 했으나, 리스트가 나오지 않는 오류가 있었다😨

테마도 깔끔하지도 않을 뿐더러, 한김에 다 변경해버렸다..

주의!

그러기 위해서는 CSS 코드를 변경해야 하므로 텍스트에디터가 필요하다.

[순서]

1. github-markdown.css 에 들어가서 저장을 해준다.

2. 저장을 한 후에 텍스트에디터에 들어가 "github-markdown.css" 을 열어

.markdown-body li { list-style: unset; } 을 추가로 넣어준다. ( unset 말고 본인이 원하는 list-style을 넣으면 된다.)

3. 티스토리 환경설정 > 꾸미기 > 스킨편집 > html편집 클릭!

4. CSS 에 들어가 .entry 이란 클래스를 모두 주석처리해준다.

5. 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; } }

6. 파일업로드에 들어가 2번에 저장해둔 "github-markdown.css"를 추가한다.

7. HTML 에 들어가 <head> 안에 <link rel="stylesheet" href="./images/github-markdown.css"> 를 넣어준다.

8. 저장한 후, 타이포라에 편집 > HTML 코드로 복사 해서

9. 티스토리에 HTML 모드로 글을 쓴다. 이때! markdown-body 태그를 만들어 복사한 글을 넣어준다.

<div class="markdown-body">

</div>

그럼 완료~~! 🙌🏼🙌🏼🙌🏼

저작자표시 동일조건

'🌈etc' 카테고리의 다른 글

[plugIn] 도넛차트(원형차트) (0)	2021.10.19
vw To pixel (px) Converter // vw를 px로 바꾸기 (0)	2021.08.11
[plugIn] 반응형 이미지 링크 걸기(jQuery-rwdImageMaps) (0)	2021.08.10
[JSP] vscode로 JSP 작업환경세팅 & header / footer 연결 (0)	2021.07.08
[PlugIn] slick slider (0)	2020.04.07

/* jmjmjm */

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

'🌈etc' 카테고리의 다른 글

티스토리툴바

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

'🌈etc' 카테고리의 다른 글

'🌈etc' Related Articles

티스토리툴바