티스토리 뷰
지난 글('이것만 알면 기본은 된다? 하루패드로 배우는 마크다운(Markdown)')에서 마크다운(Markdown)에 대한 설명과 함께 에디터 프로그램으로 '하루패드(haroopad)'를 추천했다.
이번 글에서는 하루패드에서 사용할 수 있는 가장 기본적인 문법을 소개하려고 한다.
01. 제목 < # ~ ###### >
제목으로 사용할 텍스트 앞에서 #를 붙임. #는 최소 1개부터 최대 6개까지만 지원한다. #이 가장 크고, ######이 가장 작은 제목이다. ##를 사용하면 제목에 '밑줄(underline)'이 생성된다.
02. 강조(굵게) < ** >
글자를 굵게 강조하고 싶다면 해당 단어/문장의 앞뒤에 **를 붙인다.
03. 이탤릭체(기울이기) < * >
기울어진 글자인 이탤릭체로 표시하기 위해서는 해당 단어/문장의 앞뒤에 *를 붙인다.
04. 순서없는 목록 < * >
탭(tab)으로 들여쓰기를 한 상태에서 해당 단어/문장의 앞에 *를 붙인다. 이탤릭체는 *를 앞뒤로 붙이고 목록은 앞에만 붙인다.
05. 순서있는 목록 < 1 >
탭(tab)으로 들여쓰기를 한 상태에서 해당 단어/문장의 앞에 1을 붙인다.
[참고] 그 외에 목록 표시
*, 1 뿐만 아니라 -, +,
06. 링크 < [링크](http://example.com "링크제목") >
[]로 묶은 단어가 표시되며, ()의 URL은 링크할 사이트 주소 그리고 ""은 마우스를 링크에 올려놓았을 때 표시되는 것이다.
07. 참조링크
링크를 조금 더 관리하기 쉽게 만드는 방법이 참조링크이다. 링크(클릭부분)은 최소한 간단하게 해 놓고 실제 사용하는 URL과 링크제목은 본문 어디에 두어도 기능을 하기 때문이다.
[세아향][1]
[세아향 팬페이지][2]
[1]: http://www.TheBetterDay.com "세아향"
[2]: http://www.facebook.com/TheBetterDay4U "세아향 펜페이지"
08. URL 주소로 링크
아무것도 없이 특정 URL에 링크를 걸고 싶다면 URL 앞/뒤에 < >를 붙인다.
09. 이메일 주소로 링크
URL 주로소 링크처럼 이메일주소의 앞/뒤에 < >을 붙인다.
10. 이미지(사진)
마크다운에서도 이미지(사진)의 URL을 통해서 사진을 표시할 수 있지만, 개인적으로 티스토리나 네이버의 경우라면 트래픽에 큰 문제가 없으니 URL을 이미지 부분은 해당 블로그 서비스의 '사진(이미지)' 기능을 사용하는 것이 좋다. 물론 사진(이미지)를 플리커와 같은 공유 사이트에 넣고 URL을 사용하여 보다 가볍게 블로그 포스팅을 만들 수 있지만, 생각보다 쉽지 않으니 이 글에서는 이 부분의 설명은 제외한다.
11. 강제 줄바꿈
스페이스바를 두 번 입력 후 엔터를 입력해야 줄바꿈이 된다.
12. 문단나누기
한줄을 비워두면 된다.
13. 인용문
해당 단어/문장 앞에서 >을 넣으면 인용문으로 표시된다.
14. 취소선
해당 단어/문장 앞에서 ~~을 넣으면 취소선으로 표시된다.
15. 선(라인)
빈칸에 ---를 입력하면 선이 생성된다.
16. 블럭(박스안 글자)
탭(tab) 1번이나 스페이스바 4번 후 입력하면 박스(블럭)안에 입력된다.
마크다운 문법에 대한 보다 자세한 내용은 아래 사이트를 사용하면 된다. 마크다운 개발자인 'John Gruber' 홈페이지인 만큼 가장 마크다운에 맞는 문법을 안내해줄 것이다. 물론 '영어'라는 아쉬움은 있지만 따라하다보면 쉽게 이해할 수 있다.
[http://daringfireball.net/projects/markdown/syntax]