마크다운 문법

줄바꿈

엔터 치기 전에 공백 두칸으로 줄바꿈 가능.
단을 나누기 위해 강제로 줄바꿈을 한번 더 하고 싶다면
<br/>넣기

제목

<h1> ~ <h6> 표시

방법

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

결과

h1

h2

h3

h4

h5

h6

이외에도 h1, h2를 표시하는 방법

h1
===

h2
---

텍스트 효과

강조: strong **strong** or __strong__
이탤릭: italic *italic* or _italic_
취소선: ~~line through~~ ~~line through~~
밑줄: under line <u>under line</u>

줄바꿈은 공백 혹은 엔터 두번
강조와 이탤릭 효과는 같이 쓸 수 있음

예시
강조와 이탤릭 을 같이 사용
**강조와 _이탤릭_** 을 같이 사용

목록 (list)

방법

1. 숫자 목록
  - 서브 (서브는 기본으로 탭 두번)
2. 숫자 목록

- 기호 목록
  - 서브
  * 별표와
  + 더하기도 가능

결과

숫자 목록
- 서브
숫자 목록

기호 목록
- 서브
  - 서서브
- 별표와
- 더하기도 가능

구분선

방법

***
혹은
---
3개 이상 작성

결과

혹은

3개 이상 작성

체크 리스트

기호 목록 부호 뒤에 대괄호를 이용하여 적용

방법

- [ ] 부호 뒤에 띄어쓰기 후 대괄호에 공백
- [x] 대괄호 안에 x 넣으면 체크 활성화

결과

부호 뒤에 띄어쓰기 후 대괄호에 공백
대괄호 안에 x 넣으면 체크 활성화

폰트 스타일

<span>태그를 이용해서 적용 가능

방법

<span style="color: #afa4ce">색상 변경</span>
<span style="background:#fff187">하이라이터</span>
<span style="border: 1px solid #ff1d1d; border-radius: 100%">동그라미 강조</span>
...

결과
색상 변경
하이라이터
동그라미 강조
등등

링크

방법

인라인 링크 : 
[구글](http://www.google.com)

url 링크 : 
<http://www.google.com>


추가로, 한 페이지에서 다른 목차로 이동하고 싶다면
[키워드](헤더 주소)형식으로 가능
[제목](#제목)으로 이동

- 헤더 링크에서 띄어쓰기는 '-'로 표시
- 영어 대문자는 소문자로 표시

결과

인라인 링크 :
구글

url 링크 :
http://www.google.com

제목으로 이동

이미지

방법

이미지 삽입
![image-title](이미지 주소) <!--로컬 주소 가능-->

이미지에 링크 걸기
[![image-title](이미지 주소)](링크 주소)
<!--대괄호 중첩 주의-->

사이즈 조절
![image-title](이미지 주소){: width="..." height="..."}
<!--...에 길이 단위-->
[![image](이미지 주소){: width=""}](링크 주소)
<!--링크된 이미지 사이즈 조절시 위치 주의-->

결과
이미지 삽입

이미지에 링크 걸기

표 작성

|와 -(3개이상)를 사용해 작성

방법

<!--정렬-->
왼쪽 정렬  |:---|
가운데 정렬  |:---:|
오른쪽 정렬  |---:|

|**이름**|포지션|나이|
|:---:|---:|:---|
|서은광|리더 / 메인보컬|32세|
|이민혁|메인래퍼|32세|
|이창섭|리드보컬|31세|
|임현식|서브보컬|30세|
|프니엘|래퍼 / 메인댄서|29세|
|육성재|막내 / 서브보컬|27세|

결과

이름	포지션	나이
서은광	리더 / 메인보컬	32세
이민혁	메인래퍼	32세
이창섭	리드보컬	31세
임현식	서브보컬	30세
프니엘	래퍼 / 메인댄서	29세
육성재	막내 / 서브보컬	27세

펼치기 / 접기

방법

<details>
<summary style="color: #999">자세한 내용 보기</summary>
<div markdown="1">       

어깨가 무겁나요
무거운 짐을 내려 놓기가
참 쉽진 않죠

</div>
</details>

결과

자세한 내용 보기

어깨가 무겁나요
무거운 짐을 내려놓기가
참 쉽진 않죠
누군가 말했죠
내 꿈이 멀게만 느껴질 땐
잠시 쉬다 가세요

추가로 자주 쓸 것 같은 스타일들!
“_page.scss” 하단에 추가함

.highlight_yellow {
  background: #fff599;
}
.highlight_blue {
  background: #b9d7f1;
}
 .highlight_gray {
  background: #eaeaea;
}
.highlight_violet {
  background: #dad6e7;
}
.circle {
  border: 2px solid #ff6f61;
  border-radius: 100%;
  }

하이라이트 옐로우
하이라이트 블루
하이라이트 그레이
하이라이트 바이올렛
동그라미 강조

🖤

줄바꿈

제목

h1

h2

h3

h4

h5

h6