반응형
마크다운에 대해 알아보았는데 아쉽게도 티스토리는 100% 지원을 해주고 있진 않는것 같다. 기본적인 문법은 아래와 같은데 직관적이고 빠르게 작성할 수 있을것 같아 적응하면 블로깅을 하는데 큰 도움이 될것 같다.
제목 (header)
html에서 h1
~h6
와 똑같이 표현할 수 있다. 실제 <>를 이용하여 태그를 작성할 수도 있으며 #을 이용하여 작성할 수도 있다.#
의갯수가 많아질수록 크기가 작아진다.
# h1
## h2
### h3
#### h4
##### h5
###### h6
h1
h2
...
== (h1)와 --(h2)를 사용하는것도 가능하다.
h1 h2
= -
h1
h2
리스트를 작성하는 방법
앞에 숫자가 있는 리스트를 작성하고 싶다면 숫자와 . 을 이용하면 할 수 있다.
1. 첫번째
2. 두번째
3. 세번째
- 첫번째
- 두번째
- 세번째
숫자가 없는 리스트를 작성하고 싶을때는 -
, +
, *
와 같은 기호를 사용하여 작성하면 된다.
- 순서 없는 목록
- tab을 누르면 이렇게 들여쓰기가 가능하다.
- 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 |