Markdown 문법
목차
제목
1
2
3
4
5
6
# h1 제목
## h2 제목
### h3 제목
#### h4 제목
##### h5 제목
###### h6 제목
줄 변경
첫 번째 방법
\ 기호를 사용
1
2
안녕 \
하세요
두번째 방법
<br/> 태그를 사용
1
안녕 <br/> 하세요
문단 나누기
Enter 두번
1
2
3
안녕
하세요
가로줄
첫 번째 방법
---, *** 하이픈 또는 별을 세 개 이상
1
2
---
***
두 번째 방법
<hr/> 가로줄 태그 사용
1
<hr/>
리스트 구조
-, +, * 을 사용한다. 하위 리스트는 탭 또는 스페이스바 2개로 구분한다.
1
2
3
4
5
6
- 리스트1
- 리스트1-1
- 리스트1-2
- 리스트1-2-1
- 리스트2
- 리스트3
체크리스트
` - [ ] ` - 체크 안됨 ` - [X] ` - 체크됨
- - 체크 안됨
- - 체크됨
순서가 있는 리스트
1
2
3
1. content1
2. content2
3. content3
- asdf
- qwer
- zxcv
텍스트
굵게
** 또는 __ 를 사용한다. (절대로 띄워쓰지 않는다.)
1
2
**bold**
__bold__
bold
** bold ** : 띄워쓰면 이렇게 된다.
기울임
* 또는 _ 를 사용한다. (절대로 띄워쓰지 않는다.)
1
2
*italic*
_italic_
italic
굵게 기울임
*** 또는 ___ 를 사용한다. (절대로 띄워쓰지 않는다.)
1
2
***bold italic***
___bold italic___
bold italic
취소선
~~ 를 사용한다. (절대로 띄워쓰지 않는다.)
1
~~cancel~~
cancel
밑줄
<u></u> 태그를 사용한다.
1
<u>under line</u>
under line
글씨 색 적용
sytle="color: " 태그를 넣는다.
1
<span style="color: red">red color</span>
red color
형광펜 형식 적용
sytle="background: " 태그를 넣는다. 출처
1
2
3
4
5
6
7
8
background-color: #fff5b1 - 노란색
background-color: #f6f8fa - 회색
background-color: #f1f8ff - 파란색
background-color: #ffdce0 - 빨간색
background-color: #dcffe4 - 초록색
background-color: #f5f0ff - 보라색
background-color: #F7DDBE - 주황색
<span style="background-color: #fff5b1">Neon</span>
Neon
코드 블록
인라인 코드 블록
` `` ` 를 사용한다.
1
`이것이`
이것이 인라인 코드블록이다.
코드 블록
` ` 를 사용한다.
1
test
` ` 뒤에 언어를 기입하여 특정 언어로 하이라이팅 할 수도 있다. `c `를 통해 c 하이라이팅 해보겠다.
1
2
3
4
5
6
#include <stdio.h>
int main()
{
printf("Hello World!");
return 0;
}
하이퍼링크 삽입
링크만 삽입
`
1
<https://www.google.com>
https://www.google.com 구글 링크 삽입
링크와 텍스트 삽입
` 텍스트 ` 를 사용한다.
1
[구글](https://www.google.com)
구글 링크와 텍스트 삽입
구글 글자를 누르면 구글 사이트로 이동한다.
그림 삽입
 를 사용한다. 상대경로 지정도 가능하다.
1
2
``
``
그림에 링크 삽입
[](url) 를 사용한다.
1
[  ](https://www.google.com)
인용문
> 를 사용한다.
1
> 인용문
인용문 속 인용문
>> 를 사용한다.
1
2
> 인용문
>> 인용문 속 인용문
<cite>, <sup><sub> 태그를 사용하여 인용문 출처도 남겨보자.
출처 : https://ansohxxn.github.io/blog/markdown/#%EC%9D%B8%EC%9A%A9%EB%AC%B8
1
2
<!-- <sup><sub><cite>Steve Jobs</cite> --- Apple Worldwide Developers' Conference, 1997</sub></sup> -->
<sup><cite>Steve Jobs</cite> --- Apple Worldwide Developers' Conference, 1997</sup>
Steve Jobs — Apple Worldwide Developers’ 컨퍼런스 Conference, 1997
표
|와 - (3개 이상)의 조합으로 테이블을 만들 수 있다.
1
2
3
4
5
6
7
8
9
정렬
왼쪽 정렬 |:—|
오른쪽 정렬 |—:|
가운데 정렬 |:—:|
| title | content | 비고 |
|-------|---------|------|
| test1 | test2 | test3 |
| test4 | test5 | test6 |
| title | content | 비고 | |——-|———|——| | test1 | test2 | test3 | | test4 | test5 | test6 |
내용 토글
출처 : https://ansohxxn.github.io/blog/markdown/#%ED%86%A0%EA%B8%80-%EB%A6%AC%EC%8A%A4%ED%8A%B8-%EC%A0%91%EA%B8%B0%ED%8E%BC%EC%B9%98%EA%B8%B0 마크다운에선 지원하지 않고 HTML의 details 태그로 사용 가능하다.
div markdown=”1” 은 jekyll에서 html사이에 markdown을 인식 하기 위한 코드이다.
1
2
3
4
5
6
<details>
<summary>여기를 눌러주세요</summary>
<div markdown="1">
숨겨진 내용
</div>
</details>
여기를 눌러주세요
숨겨진 내용
마크다운 문법 그대로 출력
문법 앞에 \ 를 입력하면 된다.
1
\*asdf*
*asdf*