markdown

Posted on | Edited on | In | Comments:

문단 쓰기, 줄바꿈

기본적으로 마크다운은 엔터 한번은 그냥 무시하고 한 문단으로 간주합니다.
띄워쓰기를 표시하려면 2번의 엔터를 쳐야 합니다.
그러나 몇몇 마크다운 에디터에서는 ‘엔터 한번’ == '개행’을 지원하기도 합니다.

1
2
3
4
개행 테스트
개행!

진짜 개행

개행 테스트
개행!

진짜 개행

html 직접 사용 가능

1
2
<hr />
<span style="color:red">**red**</span>

> 출력

**red**

특수문자 자동 적용됨

1
2
<div> 태그를 사용하자
&lt;div&gt; 태그를 사용하자

> 출력

태그를 사용하자 <div> 태그를 사용하자

제목. 6개 크기 까지 지원한다

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
# h1
## h2
### h3
#### h4
##### h5
###### h6
####### h7

# h1
## h2
### h3
#### h4
##### h5
###### h6
####### h7

인용

1
2
3
4
> 인용되는 글
> 길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게
>> depth를 늘림
> 내부에서 **markdown** 사용 가능

> 출력

인용되는 글
길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게길게

depth를 늘림, 변경할때는 아래와 같이 빈줄 하나 넣어야 함.

내부에서 markdown 사용 가능

리스트

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
숫자의 경우 자동으로 넘버링 된다.

처음쓰는 리스트의 숫자부터 카운트 된다.

1. 숫자
2. 숫자
3. 숫자

순서를 바꿔도 1,2,3 으로 출력된다

1. 숫자
4. 숫자
7. 숫자

일반 리스트는 *, +, - 중 아무거나 쓰면 된다.

* 일반 리스트
- 일반 리스트
+ 일반 리스트

리스트 안에 두 문단이상 사용할 경우, tab을 사용한다.

계속해서 이어가려면 아래와 왼쪽 탭 정렬선을 맞춰줘야 한다.

- 첫번째 리스트

이어지는 문단1

이어지는 문단2

- 두번째 리스트

> 출력

숫자의 경우 자동으로 넘버링 된다.

처음쓰는 리스트의 숫자부터 카운트 된다.

  1. 숫자
  2. 숫자
  3. 숫자

순서를 바꿔도 1,2,3 으로 출력된다

  1. 숫자
  2. 숫자
  3. 숫자

일반 리스트는 *, +, - 중 아무거나 쓰면 된다.

  • 일반 리스트
  • 일반 리스트
  • 일반 리스트

리스트 안에 두 문단이상 사용할 경우, tab을 사용한다.
계속해서 이어가려면 아래와 왼쪽 탭 정렬선을 맞춰줘야 한다.

  • 첫번째 리스트

이어지는 문단1

이어지는 문단2

  • 두번째 리스트

이스케이프 문자

태그로 변형되는 문자를 그냥 사용하고 싶을 때가 있습니다.(>, - 등)

그냥 사용하면 md에서 해석해버리므로 앞에 \ 를 붙여줍니다.

1
2
3
\> : 원래는 인용으로 표시됨
1998\.서울올림픽 : 원래는 1.서울올림픽으로 표시됨(자동 넘버링)
\- : 원래는 리스트로 표시됨

> : 원래는 인용으로 표시됨

1998.서울올림픽 : 원래는 1.서울올림픽으로 표시됨

- : 원래는 리스트로 표시됨

코드 블록

마크다운 내에서 코드를 표현 가능하다!
키보드 왼쪽 가장자리에 있는 ` 키를 사용하면 된다.
``` 옆에 사용하는 언어를 넣어주면 해당 문법에 맞게 해석한다

<!–7–>

> 출력

1
2
var str = 'test str';
console.log(str);

수평선

1
2
3
4
5
6
편한대로 골라쓰면 된다.

***
* * *
---
- - -

> 출력

편한대로 골라쓰면 된다.

강조하기

*나, _를 사용하여 표시한다.

1
2
*이탤릭*
**볼드**

> 출력

이탤릭

볼드

취소선

1
~~취소~~

> 출력

취소

링크 걸기

링크 주소 자체에 링크를 거는 방법과, 문구를 사용하는 방법이 있다.
물론 상대경로도 가능하다!

  1. <http://주소>
  2. [링크걸 문구](http://주소)
1
2
3
4
5
<http://google.com>

[구글](http://google.com)

상대경로 : [1번 포스트](/1)

> 출력

http://google.com

구글

상대경로 : 1번 포스트

이미지 삽입

![사진이름](사진경로)

1
![테스트사진](http://leader.pubs.asha.org/data/Journals/ASHANL/934378/NIB1_web.png)

> 출력

테스트사진

테이블

| 와 - 로 구분하여 테이블을 그릴 수 있다.

1
2
3
4
Field1 | Field2 | Field3
-|-|-
Data1 | Data2 | Data3
Data4 | Data5 | Data6

> 출력

Field1 Field2 Field3
Data1 Data2 Data3
Data4 Data5 Data6

헤드부분, 즉 html의 th부분은 꼭 있어야 한다! (상단 2줄)

emoji

github은 emoji를 지원한다.
https://www.webpagefx.com/tools/emoji-cheat-sheet/