벨로그를 사용하기 위해선 마크다운의 배경지식이 필요하다.
마크다운(markdown)은 일반 텍스트 기반의 경량 마크업 언어다. 일반 텍스트로 서식이 있는 문서를 작성하는 데 사용되며, 일반 마크업 언어에 비해 문법이 쉽고 간단한 것이 특징이다. HTML과 리치 텍스트(RTF) 등 서식 문서로 쉽게 변환되기 때문에 응용 소프트웨어와 함께 배포되는 README파일이나 온라인 게시물 등에 많이 사용된다.
-위키백과
파일확장자가 .md
로 된 파일 생성
h1
~ h6
까지 표현 가능.
벨로그의 오른쪽리스트엔 h3까지 표시 된다.
[입력]
# h1 수준 제목
## h2 수준 제목
### h3 수준 제목
#### h4 수준 제목
##### h5 수준 제목
###### h6 수준 제목
[출력]
[입력]
이텔릭체 : *별표(asterisks)* or _언더바_
볼드 : **별표(asterisks)* or __언더바__
이텔릭체+볼드 : **_혼합사용_ or __*혼합사용*
취소선 : ~~물결표시(tilde)~~
밑줄 : <u>밑줄</u>
회색박스 : `백틱(backtick)`
[출력]
이텔릭체 : 별표(asterisks) or 언더바
볼드 : 별표(asterisks)* or 언더바
이텔릭체+볼드 : 혼합사용 or __혼합사용
취소선 : 물결표시(tilde)
밑줄 : 밑줄
회색박스 : 백틱(backtick)
[입력]
> ### 1단 인용
1단 인용 내용
>> ### 2단 인용
2단 인용 내용
>>> ### 3단 인용
3단 인용 내용
[출력]
1단 인용
1단 인용 내용
2단 인용
2단 인용 내용
3단 인용
3단 인용 내용
이런 식으로 계속 중첩 가능.
[입력]
*
+
-
[출력]
모두 혼용 가능
``` 입력 후 c, java, pthon 등 사용하는 언어를 추가로 입력하여 구현한다.
[입력]
```c
#include <stdio.h>
int main()
{
printf("Hello, world!\n");
return 0;
}
[출력]
```c
#include <stdio.h>
int main()
{
printf("Hello, world!\n");
return 0;
}
[입력]
* * *
***
---
- - -
[출력]
모두 동일
[입력]
인라인 링크
[인라인 링크](https://velog.io/)
url 링크
<https://velog.io/>
참조 링크
[velog]:https://velog.io/
[velog]
[출력]
velog <-키워드 참조 방식
역방향 슬래시 사용.
[입력]
\*
\_
\()
\{}
\[]
\#
\+
\-
\.
\!
\\
[출력]
*
_
()
{}
[]
#
+
-
.
!
\
헤더셀과 구분할 때는 3개의 -
(hyphen/dash) 필요.
헤더셀을 구분할 때:
를 사용하면 셀(열/칸) 안 내용을 정렬할 수 있다.
가장 좌우측에 있는 |
기호는 생략 가능.
| 값 | 의미 | 기본값 |
|---|:---:|---:|
| `static` | 유형(기준) 없음 / 배치 불가능 | `static` |
| `relative` | 요소 자신을 기준으로 배치 | |
| `absolute` | 위치 상 부모(조상)요소를 기준으로 배치 | |
| `fixed` | 브라우저 창을 기준으로 배치 | |
값 | 의미 | 기본값
---|:---:|---:
`static` | 유형(기준) 없음 / 배치 불가능 | `static`
`relative` | 요소 **자신**을 기준으로 배치 |
`absolute` | 위치 상 **_부모_(조상)요소**를 기준으로 배치 |
`fixed` | **브라우저 창**을 기준으로 배치 |
값 | 의미 | 기본값 |
---|---|---|
static | 유형(기준) 없음 / 배치 불가능 | static |
relative | 요소 자신을 기준으로 배치 | |
absolute | 위치 상 부모(조상)요소를 기준으로 배치 | |
fixed | 브라우저 창을 기준으로 배치 |
값 | 의미 | 기본값 |
---|---|---|
static | 유형(기준) 없음 / 배치 불가능 | static |
relative | 요소 자신을 기준으로 배치 | |
absolute | 위치 상 부모(조상)요소를 기준으로 배치 | |
fixed | 브라우저 창을 기준으로 배치 |
줄바꿈은 띄어쓰기 2번으로 가능.