Markdown 문법

Jekyll로 블로그를 설치하고 본격적으로 포스팅을 하기 위해서 Markdown문법에 대해서 알아보겠습니다.

1. Markdown이란?

“Markdown은 존 그루버는 2004년에 문법 면에서 에런 스워츠와 중대한 협업을 통해 마크다운 언어를 만들었으며, 사람들이 읽기 쉽고 쓰기 쉬운 플레인 텍스트 포맷을 사용하여 쓸 수 있으면서 구조적으로 유효한 XHTML(또는 HTML)로 선택적 변환이 가능하게 하는 것이 목표이다.” 라고 합니다.

처음 Markdown을 접해본 것은 github에서 Readme.md를 작성할 때 써보았습니다. Markdown을 사용해보면서 느낀 점은 html 문법을 신경 쓰지 않아도 돼서 글을 쓰는 데 집중을 할 수 있다는 것입니다. Html을 사용해서 글을 작성하다 보면 신경 써야 하는 부분이 한둘이 아닌 데, 이런 점에서 어느 정도 해방될 수 있다는 것이 Markdown의 매력인 것 같습니다. 하지만 멀티미디어 이용한 작업들이 불편하기 때문에 글 위주가 아닌 포스팅에는 어울리지 않습니다. 이제 간단한 Markdown 사용법에 대해서 알아보겠습니다.

2. Markdown 문법

기본적인 Markdown 문법을 소개하겠습니다.

2.1. 제목 (Headers)

– #을 붙일 때마다 크기가 작아집니다. #하나는 Html에서 <h1>, #이 두개면 <h2>를 의미합니다. #은 6개까지 붙일 수 있습니다.

# This is an <h1> tag
## This is an <h2> tag
###### This is an <h6> tag

This is an <h1> tag

This is an <h2> tag

This is an <h6> tag

2.2. 강조 (Emphasis)

*This text will be italic*
_This will also be italic_

**This text will be bold**
__This will also be bold__

_You **can** combine them_

This text will be italic
This will also be italic
This text will be bold
This will also be bold
You can combine them

2.3. 리스트 (Lists)

2.3.1. Unordered

* Item 1
* Item 2
  * Item 2a
  * Item 2b

• Item 1
• Item 2
  • Item 2a
  • Item 2b

2.3.2. Ordered

1. Item 1
2. Item 2
3. Item 3
   * Item 3a
   * Item 3b

1. Item 1
2. Item 2
3. Item 3
   • Item 3a
   • Item 3b

2.4. 이미지 (Images)

![Hearth Stone](/images/20170207/hearthstone.jpg)
Format: ![Alt Text](url)

2.5. 인용구 (Blockquotes)

As Kanye West said:

> We're living the future so
> the present is our past.

As Kanye West said:

We’re living the future so
the present is our past.

2.6. 코드 넣기 (Inline code)

I think you should use an
`<addr>` element here instead.

I think you should use an
<addr> element here instead.

2.7. 링크 (Links)

You can even [link to Google!](http://google.com)
Format: [Text](url)

You can even link to Google!

2.8. 수평선 (Horizontal Rules)

---
***  
___  

2.9. 코드 블록 (Code Blocks)

``` this is code blocks ```  
  
```java, javascript, ruby  
```옆에 사용하는 언어를 쓰게되면 editor를 사용한 효과를 낼 수 있습니다.

• 기본

  this is code blocks
  

• Java

  Class HearthStone() {  
    private int number;  
    public int getNumber() {  
        return number;  
    }  
  }  
  

• Javascript

  function draw() {
    var card = 'ragnaros';
    return card;
  }
  

3. Markdown Editor

Stackedit - Web 용 에디터로 Blogger, Dropbox, GitHub, Google Drive, SSH serve, Tumblr, WordPress 등과 연동이 되어 편리하게 사용 가능합니다. 저는 Visual Studio Code로 Markdown을 작성한 다음 Stackedit으로 문법을 확인하기 위해 사용합니다.

4. 참고 문서

• Mastering Markdown - GitHub