티스토리(Tistory) 에 마크다운(Markdown) 적용하기

티스토리 뷰

Tistory 환경설정
- github-markdown.css 다운로드
- Tistory 관리자 페이지
  - [파일업로드] 탭에 다운받은- github-markdown.css 파일을 업로드
  - [HTML] 탭에 <head>...</head> 안에 stylesheet 적용 구문을 추가한다.

<head>
    ...
    <link rel="stylesheet" href="./images/github-markdown.css">
    ...
</head>

문서편집기 (Sublime Text)
- Sublime Text 설치
- Package Control 설치
- Sublime Text 에서 Ctrl + Shift + p 단축키 누름 (패키지 선택창)
- Markdown Preview Package 설치
문서작성
- Markdown 형식으로 문서 작성
- Sublime Text 에서 Ctrl + Shift + p 단축키 누름 (패키지 선택창)
- Markdown Preview: Export HTML in Sublime Text 선택 -> github 선택
- Markdown 문서를 Github 스타일의 HTML 로 변환한 문서가 새 창에 생김
- 문서에서 <article>...</article> 태그 영역만 COPY
- Tistory 에서 HTML 모드로 글쓰기 창에서 PASTE
- 미리보기로 확인해 본다. 예쁘다. 나머지 글쓰기 마무리 하면 끝.
github 스타일로 Code Highlighting 도 적용된다.

« 2024/11 »

목

금

토

Specialist