TIL

마크다운 (MarkDown)

잇나우 2020. 1. 18. 23:15
반응형

마크다운에 대해 알아보았는데 아쉽게도 티스토리는 100% 지원을 해주고 있진 않는것 같다. 기본적인 문법은 아래와 같은데 직관적이고 빠르게 작성할 수 있을것 같아 적응하면 블로깅을 하는데 큰 도움이 될것 같다.

제목 (header)

html에서 h1~h6 와 똑같이 표현할 수 있다. 실제 <>를 이용하여 태그를 작성할 수도 있으며 #을 이용하여 작성할 수도 있다.
#의갯수가 많아질수록 크기가 작아진다.

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

h1

h2

...

== (h1)와 --(h2)를 사용하는것도 가능하다.

h1    h2
=    -

h1

h2

리스트를 작성하는 방법

앞에 숫자가 있는 리스트를 작성하고 싶다면 숫자와 . 을 이용하면 할 수 있다.

1. 첫번째
2. 두번째
3. 세번째
  1. 첫번째
  2. 두번째
  3. 세번째

숫자가 없는 리스트를 작성하고 싶을때는 -, +, *와 같은 기호를 사용하여 작성하면 된다.

- 순서 없는 목록
    - tab을 누르면 이렇게 들여쓰기가 가능하다.
        - tab을하면 다른 모양으로 표현이 된다.
+ 플러스도 된다.

        tab을 두번하면 코드 블럭을 만들수도 있다.
* 별표도 된다.
    * `백틱을 이용하여 코드블럭도 가능`
  • 순서 없는 목록

    • tab을 누르면 이렇게 들여쓰기가 가능하다.
      • tab을하면 다른 모양으로 표현이 된다.
  • 플러스도 된다.

      tab을 두번하면 코드 블럭을 만들수도 있다.
  • 별표도 된다.

    • 백틱을 이용하여 코드블럭도 가능

폰트 기울임체, 진하게, 취소선

_기울임체_
*기울임체*
__굵게__
**굵게**
~취소선~
~~취소선~~

기울임체
기울임체
굵게
굵게

취소선

취소선~

인용문

>를 이용하면 인용문을 작성할 수 있다.

> 이렇게 하면 인용문을 작성할 수 있습니다.

>> 갯수에따라
>>> 이렇게 표현됩니다.

이렇게 하면 인용문을 작성할 수 있습니다.

갯수에따라

이렇게 표현됩니다.

코드 블럭

백틱을 이용하면 코드블럭을 할 수 있습니다

`이 안에 문장이나 단어를 넣으면 됩니다`
`H1`

이 안에 문장이나 단어를 넣으면 됩니다

H1

백틱 3개를 이용하면 문장을 감싸면 여러 줄로 된 코드를 작성 할수 있다.

이렇게 작성을 할 수 있습니다.

링크(link)

<>를 이용하여 작성해도되고 그냥 url을 넣어도 된다. []() 를 이용하면 원하는 글씨자체에 링크를 걸수도 있다.

https://github.com
<https://www.naver.com>
[네이버](https://www.naver.com)

https://github.com
https://www.naver.com
네이버

수평선

*, -, _ 와 같은 기호를 3개 이상 입력하면 가로로 선이 길게 나온다.

---
___
***
+++



이미지

![]를 이용한다.

![이미지제목](주소)
![젖은우산](https://cdn.pixabay.com/photo/2019/12/13/09/46/umbrella-4692572_960_720.jpg)

이미지제목

이미지 링크

[![이미지](이미지 주소)](링크 걸고 싶은 url"커서 오버시 나타나는 설명글")

검은우산

표만들기 (table)

| 제목 | 번호 | 아무거나 입력 | 하나 더 추가 |
|-----|:-----|:--------------:|---------:|
| -으로 나뉘어진 곳에 :를 이용하면 정렬을 할 수 있다. | 왼쪽 정렬 | 가운데 정렬|오른쪽 정렬 |
| 만들기가 | 쉽고 | 굉장히 | 직관적이다. |
제목 번호 아무거나 입력 하나 더 추가
-으로 나뉘어진 곳에 :를 이용하면 정렬을 할 수 있다. 왼쪽 정렬 가운데 정렬 오른쪽 정렬
만들기가 쉽고 굉장히 직관적이다.

체크박스

-, *, + 를 작성한후 띄어쓰기를 하신다음 []를 작성 하면 된다. [ ] 이렇게 빈 공간을 만들면 빈 체크박스가 되고, [X] 이렇게 X를 채우면 체크된 체크박스가 된다.

- [ ] 비어있는 체크박스
- [x] x가 들어가있는 체크박스
  • 비어있는 체크박스
  • x가 들어가있는 체크박스
반응형

'TIL' 카테고리의 다른 글

200121 Date(), RegExp, Ajax  (0) 2020.01.21
200120 DOM, event, object  (0) 2020.01.20
200117 Array, for문, function  (0) 2020.01.18
200116  (0) 2020.01.17
200115  (0) 2020.01.16