Home Markdown 문법정리
Post
Cancel

Markdown 문법정리

Git Blog 포스팅을 위해 Markdown 문법을 알아야겠다.

Headings

’#’의 개수에 따라 Heading level이 달라진다. ‘#’과 Text 사이에는 공백이 반드시 있어야 한다.

MarkdownHTML
# Heading level 1<h1></h1>
## Heading level 2<h2></h2>
### Heading level 3<h3></h3>
#### Heading level 4<h4></h4>
##### Heading level 5<h5></h5>
###### Heading level 6<h6></h6>

Alternative Syntax

간단하게 제목을 나타내는 방법으로 문자 아래 라인을 넣을 수 있다.

MarkdownHTML
# Heading level 1
————————
<h1></h1>
## Heading level 2
==============
<h2></h2>

Line Break

Line Break… 즉 개행이다. 개행의 경우 enter 또는 HTML 태그인 <Br> 을 사용하면 된다. 이 경우는 어떤 쓰는게 좋을까?? Markdown 공식 페이지에서는

You can use two or more spaces (commonly referred to as “trailing whitespace”) for line breaks in nearly every Markdown application, but it’s controversial. It’s hard to see trailing whitespace in an editor, and many people accidentally or intentionally put two spaces after every sentence. For this reason, you may want to use something other than trailing whitespace for line breaks. If your Markdown application supports HTML, you can use the <Br> HTML tag.

라고한다. 그냥 <Br> 쓰자.

Bold and Italic

Bold 와 Italic은 asterisk(*) 또는 underscore(_)로 표현할 수 있다. 하지만 Markdown 공식 페이지에서 Markdown application에서는 underscore를 허용하지 않는다고 한다. 그냥 asterisk만 쓰도록 하자.

SyntaxMarkdown
Bold* TEXT *
Italic** TEXT **
Bold and Italic** TEXT **

Blockquotes

인용구는 기호 > 를 사용한다.

인용구는 이런 모양…

Blockquotes!!!

List

List는 OrderList와 UnorderList로 나눌 수 있다. OrderList는 숫자와 .을 이용해서 연결하면 된다.

  1. First Item
  2. Second Item
  3. Third Item

UnorderList는 Item 앞에 하이픈(-)과 공백으로 나타낼 수 있다.

  • First Item
  • Second Item
  • Third Item

Code Block

코드블럭은 백틱을 세번 중첩해서 만들 수 있다. 그리고 코드블럭에 언어를 표기하면 해당 언어의 예약어에 Highlight 효과를 줄 수 있다.

1
2
3
4
5
{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}

그 외

SyntaxMarkdown
Horizontal Rule
Link[title](https://www.example.com)
Image![alt text](image.jpg)

마치며…

해당 포스팅은 Markdown 공식 홈페이지를 보면서 작성했다. 공식 홈페이지를 보니 포스팅한 내용보다 훨씬 자세하고 많은 내용이 있었다. 필요한 내용이 있다면 공식 홈페이지를 참고하도록 하자.. 한가지 포스팅에 포함되지 않았지만 주의할 점은 Markdown에서 특수문자는 HTML 코드값으로 입력해야 한다는 점.. 특수문자를 쓸 일이 있다면 HTML 코드를 찾아보자.

This post is licensed under CC BY 4.0 by the author.