• S. 사이드바
  • H. 홈으로
  • F. 검색
  • C. 댓글
  • T. 태그
  • G. 방명록
  • N. 공지사항
  • W. 글쓰기
  • A. 관리자
  • O. 로그아웃
마크다운(markdown), 티스토리 블로그, 마크다운 에디터 typora
2020. 7. 1. 17:00 블로그 (티스토리)
Google Ads

마크다운 (markdown)

마크다운은 텍스트에 서식을 추가할 수 있다. 여기서 텍스트는 "Windows 메모장"으로 작성한 것처럼 글자 크기 동일하고 이미지, 링크 등이 없는 문자이다.

마크다운에서 지원 가능한 서식은 제목의 글자 크기, 리스트(글머리 기호, 번호 매기기), 표 만들기, 인용문, 링크, 이미지 삽입, 표 작성 등이다.

 

Markdown Guide

https://www.markdownguide.org/

 

 

 

자주 쓰는 마크다운 구문

제목 (Headings)

# 제목

ex)

# 제목// h1 글자 크기

## 제목// h2 글자 크기

### 제목// h3 글자 크기

… // h6까지 생략

 

 

인용문 (Blockquotes)

> 인용문 내용

ex)

> 인용문 예제.

> 문자 앞에 ">" 기호를 넣으면 마크다운에서는 인용문으로 인식한다.

>> 그리고, ">>" 기호를 연속으로 쓸 수도 있다.

>>> 이번에는 3개. ^^

 

 

링크 (Link)

[제목](인터넷 주소 "title")

ex)

[likenew](https://likenew.tistory.com "홈으로 이동")

 

 

이미지 (Image)

![alt 텍스트](이미지 주소)

예) ![태기산 석양](https://t1.daumcdn.net/cfile/tistory/99A22F3A5B0534FF17)

 

 

표 (Table)

표 컬럼 구분은 "|"
표 헤더(table header) 구분은 "---"
정렬은 콜론 ":"

ex)

| 타이틀 123456 | 타이틀 2345678 | 타이틀 3456789 |
| :--- | :------: | ---: |
| 왼쪽 정렬 | 가운데 정렬 | 오른쪽 정렬 |

 

 

 

마크다운과 티스토리 블로그

마크업 언어(markup language)는 HTML처럼 태그로 문서 꾸미기(문서 구조화)가 가능하다.

마크다운은 마크업(markup) 언어의 경량화 버전이기에 HTML(hypertext markup language)에 적용하기 좋다.

티스토리는 마크다운을 지원한다.

티스토리 글쓰기 에디터 모드를 "마크다운"으로 한 후 마크다운 문법으로 작성한 문서를 붙여 넣기 하면 깔끔한 HTML 코드로 들어간다.

주의사항으로 붙여넣을 텍스트에 HTML 태그나 마크다운 문법이 포함되면 HTML 문법이 적용된다.

 

 

 

마크다운 에디터

typora

  • 심플하고 가독성 좋은 위지위그(위지윅) 에디터(WYSIWYG editor)
  • 목차(typora에서는 개략으로 씀)를 확인하고 바로 이동할 수 있어 문서 읽기/편집이 매우 쉽다.
  • 무료

typora 홈페이지

https://typora.io/

 

 

Visual Studio Code

  • 마이크로 소프트가 개발한 텍스트 에디터로 확장 프로그램을 설치하면 다양한 언어의 소스를 편집할 때 유용한 듯. (설치만 해 봄)
  • 무료

Visual Studio Code 홈페이지

https://code.visualstudio.com/

 

마크다운 확장 프로그램

https://code.visualstudio.com/docs/languages/markdown

 

Google Ads
Google Ads