MakrDown에 사용 법에 대해서 간략히 보시죠.
확장자 *.md 입니다.
대표적 예제 Readmd.md.
사용처, 경량 기반 텍스트 마크업 언어

  정보
개발 존 그루버, 에런 스워츠
발표일 2004년 3월 19일
최신 버전 1.0.1 (2004년 12월 17일)
포맷 종류 마크업 언어

헤더 설정하는 방법

두줄 밑줄을 통해서 헤더 설정
=============

두줄 밑줄을 통해서 헤더 설정

한줄 밑줄을 통해서 헤더 설정
-------

한줄 밑줄을 통해서 헤더 설정

제목 작성 타입

# 제목 샘플 입니다. H1
## 제목 샘플 입니다. H2
### 제목 샘플 입니다. H3
#### 제목 샘플 입니다. H4
##### 제목 샘플 입니다. H5
###### 제목 샘플 입니다. H6

제목 샘플 입니다. H1

제목 샘플 입니다. H2

제목 샘플 입니다. H3

제목 샘플 입니다. H4

제목 샘플 입니다. H5
제목 샘플 입니다. H6

인용 블럭 작성 방법

> 인용 블록 입니다.

인용 블록 입니다.

다단계 인용 블럭 작성 방법


> 다중 인용 블록 입니다.
>   > 2단계 블록 입니다.
>   >   > 3단계 블록 입니다.


> Type 다중 인용 블록 입니다.
>> Type 2단계 블록 입니다.
>>> Type 3단계 블록 입니다.

다중 인용 블록 입니다.

2단계 블록 입니다.

3단계 블록 입니다.

Type 다중 인용 블록 입니다.

Type 2단계 블록 입니다.

Type 3단계 블록 입니다.

목록 작성 방법

1. 순서 있는 목록(가)(번호순서와 무관함)
1. 순서 있는 목록(나)(번호순서와 무관함)
1. 순서 있는 목록(다)(번호순서와 무관함)
1. 순서 있는 목록(라)(번호순서와 무관함)
  1. 순서 있는 목록(가)(번호순서와 무관함)
  2. 순서 있는 목록(나)(번호순서와 무관함)
  3. 순서 있는 목록(다)(번호순서와 무관함)
  4. 순서 있는 목록(라)(번호순서와 무관함)
- 순서 없는 목록(가)
- 순서 없는 목록(나)
- 순서 없는 목록(다)
- 순서 없는 목록(라)
  • 순서 없는 목록(가)
  • 순서 없는 목록(나)
  • 순서 없는 목록(다)
  • 순서 없는 목록(라)
* 순서 없는 목록(가)
* 순서 없는 목록(나)
* 순서 없는 목록(다)
* 순서 없는 목록(라)
  • 순서 없는 목록(가)
  • 순서 없는 목록(나)
  • 순서 없는 목록(다)
  • 순서 없는 목록(라)
+ 순서 없는 목록(가)
+ 순서 없는 목록(나)
+ 순서 없는 목록(다)
+ 순서 없는 목록(라)
  • 순서 없는 목록(가)
  • 순서 없는 목록(나)
  • 순서 없는 목록(다)
  • 순서 없는 목록(라)
1. 복합 목록
    1. 복합 목록 예
    1. 복합 목록 예
    1. 복합 목록 예
1. 복합 목록
    - 복합 목록 예
    - 복합 목록 예
    - 복합 목록 예
1. 복합 목록
    * 복합 목록 예
    * 복합 목록 예
    * 복합 목록 예
  1. 복합 목록
    1. 복합 목록 예
    2. 복합 목록 예
    3. 복합 목록 예
  2. 복합 목록
    • 복합 목록 예
    • 복합 목록 예
    • 복합 목록 예
  3. 복합 목록
    • 복합 목록 예
      • 복합 목록 예
        • 복합 목록 예

본문 꾸밈 효과

줄바꿈은 글 마지막에서 (빈칸, 스페이스바를 3글자 이상 입력)
이텔릭 글씨 적용 : 여기는 *샘플 문장* 입니다.
이텔릭 글씨 적용 : 여기는 _샘플 문장_ 입니다.
볼드 글씨 적용 : 여기는 **샘플 문장** 입니다.
취소선 글씨 적용 : 여기는 ~~샘플 문장~~ 입니다.

이텔릭 글씨 적용 : 여기는 샘플 문장 입니다.
이텔릭 글씨 적용 : 여기는 샘플 문장 입니다.
볼드 글씨 적용 : 여기는 샘플 문장 입니다.
취소선 글씨 적용 : 여기는 샘플 문장 입니다.

링크 작성 법

[네이버 링크](http://www.naver.com)
[네이버 링크](http://www.naver.com "여기는 네이버 링크 입니다. 마우스 오버시 설명이 표시됩니다.")
[상대 경로 링크](../../)

[Link1]: http://www.naver.com   
문서내 아래처럼 링크를 선언하고 [Link1]로 참조하여 연결할 수도 있습니다.   

<http://www.naver.com>    

새창에서 열기
[네이버 새창에서 링크](http://www.naver.com){:target="_blank"}

네이버 링크
네이버 링크
상대 경로 링크

문서내 아래처럼 링크를 선언하고 Link1로 참조하여 연결할 수도 있습니다.

http://www.naver.com

네이버 새창에서 링크

수평선 작성 방법

수평선 방법
Text1
* * *
Text2

Text1

Text2

이미지 링크 작성 방법

![이미지 대체 텍스트](https://www.gstatic.com/images/branding/googlelogo/svg/googlelogo_clr_74x24px.svg "구글 로고")
![이미지 대체 텍스트](\assets\images_post\mydog_200_300.gif "설명문구")

이미지에 링크
[![이미지 대체 텍스트](https://www.gstatic.com/images/branding/googlelogo/svg/googlelogo_clr_74x24px.svg "구글 로고")](https://google.com)

사이즈 조절 및 정렬.

{: .align-center} 가운데 정렬
{: .align-left}  왼쪽 정렬
{: .align-right}  오른쪽 정렬

![이미지 대체 텍스트](\assets\images_post\mydog_200_300.gif "설명문구"){: .align-center}

이미지 크기 변경
{: width="100px", height="100px"}
{: width="30%", height="30%"}

이미지 대체 텍스트

이미지 대체 텍스트

이미지에 링크 걸기
이미지 대체 텍스트

코드 작성 방법

코드 작성 법
```html
<a href="https://www.google.co.kr/" target="_blank">구글</a>
```

```javascript
function echo() {
    alert('test');
}
```

<a href="https://www.google.co.kr/" target="_blank">구글</a>

function echo() {
    alert('test');
}

표작성 방법

컬럼에 : 위치로 정렬됨
|---|   왼쪽 정렬
|:---:| 가운데 정렬
|---:| 오른쪽 정렬
 
| NO | 이름 | 접수 |
|---|:---:|---:|
| 1 | 홍길통 | 85 |
| 2 | 김영희 | 90 |
| 3 | 철수 | 100 |
NO 이름 접수
1 홍길통 85
2 김영희 90
3 철수 100

Markdown Editor 추천

https://typora.io/

Typora editor

태그: ,

카테고리:

업데이트:

참고