Home Blog post를 위한 markdown 사용법
Post
Cancel

Blog post를 위한 markdown 사용법

Gihub.io 를 통해 blogging을 하다보니 Markdown에 대한 정리가 필요하다.

Markdown?

마크다운(Markdown)은 일반 텍스트 기반의 경량 마크업 언어다. 일반 텍스트로 서식이 있는 문서를 작성하는 데 사용되며, 일반 마크업 언어에 비해 문법이 쉽고 간단한 것이 특징이다. HTML과 리치 텍스트(RTF) 등 서식 문서로 쉽게 변환되기 때문에 응용 소프트웨어와 함께 배포되는 README 파일이나 온라인 게시물 등에 많이 사용된다.

Link 위키백과
New tab Link 위키백과


사용법


제목

제목의 범위는 1 - 6 까지 사용 할 수 있다.


1
2
3
4
5
6
# 제목1
## 제목2
### 제목3
#### 제목4
##### 제목5
###### 제목6

제목3

제목4

제목5
제목6

강조


1
2
3
4
5
6
7
8
9
*기울기 기울기 기울기 기울기 기울기*
_기울기 기울기 기울기 기울기 기울기_

**굵게 굵게 굵게 굵게 굵게**
__굵게 굵게 굵게 굵게 굵게__

*기울기 **기울기 굵게** 기울기*

~~취소선~~

기울기 기울기 기울기 기울기 기울기 기울기 기울기 기울기 기울기 기울기

굵게 굵게 굵게 굵게 굵게
굵게 굵게 굵게 굵게 굵게

기울기 기울기 굵게 기울기

취소선


목록


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
Unordered
- 내용 1
- 내용 2
    - 내용 2-1
    - 내용 2-2
* 내용 1
* 내용 2
    * 내용 2-1
    * 내용 2-2
+ 내용 1
+ 내용 2
    + 내용 2-1
    + 내용 2-2
Ordered
1. 내용 1
2. 내용 2
    1. 내용 2-1
    2. 내용 2-2

Unordered

  • 내용 1
  • 내용 2
    • 내용 2-1
    • 내용 2-2
  • 내용 1
  • 내용 2
    • 내용 2-1
    • 내용 2-2
  • 내용 1
  • 내용 2
    • 내용 2-1
    • 내용 2-2

Ordered

  1. 내용 1
  2. 내용 2
    1. 내용 2-1
    2. 내용 2-2

이미지


1
2
3
4
5
6
7
8
# 첫 번째
![Image name](/image/address) 

# 두 번째
<a href="#"><img src="https://image_address" width="300px" height="300px" title="px 설정" alt="image"></a> 

# 세 번째
<a href="#이미지"><img src="https://image_address" width="40%" height="30%" title="px 설정2" alt="image"></a> 

Alt name

ant_image

ant_image2


링크


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
# 첫 번째
[첫 번째 링크][id_1]

[id_1]: https://first_link_uri

# 두 번째
[두 번째 링크](https://second_link_uri)

# 세 번째 (새 탭 링크)
[세 번째 링크][id_2]{:target="_blank"}

[id_2]: https://third_link_uri

# 네 번째 (새 탭 링크)
[네 번째 링크](https://fourth_link_uri "Hinting"){:target="_blank"}

# 다섯 번째 (이미지 링크)
<a href="https://image_address"><img src="https://image_address" width="300px" alt="image"></a> 

# 여섯 번째
* 외부링크: <http://example.com>

Google

Amazon

Apple(new tab)

GitHub(new tab)

ant_image


코드 블록


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
    ```cpp
    #include <iostream>
    int32_t main() {
        return 0;
    }
    ```

    This is a normal paragraph:

    #include <iostream>
    int32_t main() {
        return 0;
    }
    
    end code block.

1
2
3
4
5
#include <iostream>

int32_t main() {
    return 0;
}

This is a normal paragraph:

1
2
3
4
#include <iostream>
int32_t main() {
    return 0;
}

end code block.


인라인 코드


1
Blah blah `std::cout << "출력" << std::endl;` blah blah~

Blah blah std::cout << "출력" << std::endl; blah blah~ —

인용구


1
2
3
4
5
6
7
8
Blah blah ~
> Block quotes
> 
> Block quotes 2
> 
> -- Block quotes 3
>> Block quotes 4  
>> -- Block quotes 5  

Blah blah ~

Block quotes

Block quotes 2

– Block quotes 3

Block quotes 4
– Block quotes 5


테이블


1
2
3
4
| Name | Name |
| --- | --- |
| column a-2 | column b-2 |
| column a-3 | column b-3 |

Name First Name Second
column a-2 column b-2
column a-3 column b-3

체크박스


  • Complete 1
  • Incomplete 1
  • Incomplete 2
  • Complete2

수평선 <hr/>


1
2
3
4
5
6
7
8
9
* * *

***

*****

- - -

---------------------------------------

    • *`




Github emoji


1
2
3
4
GitHub supports emoji!   
:+1: :sparkles: :camel: :tada:   
:rocket: :metal: :octocat:  
:smiley: 

GitHub supports emoji!
:+1: :sparkles: :camel: :tada:
:rocket: :metal: :octocat:
:smiley:


참고

https://post.naver.com/viewer/postView.nhn?volumeNo=24627214&memberNo=42458017
https://gist.github.com/ihoneymon/652be052a0727ad59601

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