markdown 사용하기
1. markdown 문법
1.1 텍스트 줄바꿈
기본적인 텍스트 표기방식이다.
마크다운은 줄바꿈을 인식하지 않는다.
줄바꿈을 하기 위해서는 라인 끝에 스페이스를 2번
표기해야 한다.
또한 <br>도 줄바꿈을 해주는 HTML 태그이다.
한 줄의 공백을 두어 작성 하면 공백이 생긴다. (총 두 줄 띄우는 셈)
여러가지 강조 표시가 존재한다. 첫번째로 *single asterisks*,
두번째로 _single underscores_, 세번째로 **double asterisks**,
네번째로 __double underscores__, 다섯번째로 ***triple asterisks***,
여섯번째로 ~~cancelline~~, 일곱번째로 <u>underline</u> 가 있다.
다 적용해보면 ~~***<u>텍스트</u>***~~ 가 된다.
기본적인 텍스트 표기방식이다. 마크다운은 줄바꿈을 인식하지 않는다.
줄바꿈을 하기 위해서는 라인 끝에 스페이스를 2번
표기해야 한다.
또한
도 줄바꿈을 해주는 HTML 태그이다.
한 줄의 공백을 두어 작성 하면 공백이 생긴다. (총 두 줄 띄우는 셈)
여러가지 강조 표시가 존재한다. 첫번째로 single asterisks,
두번째로 single underscores, 세번째로 double asterisks,
네번째로 double underscores, 다섯번째로 triple asterisks,
여섯번째로 cancelline, 일곱번째로 underline 가 있다.
다 적용해보면 텍스트 가 된다.
1.2 글머리 달기
#을 사용하여 글머리를 달 수 있음# This is a H1
This is a H1
## This is a H2 ==> h2는 아래에 구분선이 그어지는데 minimal-mistakes 테마의 scss 스타일 시트 파일에서 그렇게 정의하고 있다.
This is a H2
### This is a H3
This is a H3
#### This is a H4
This is a H4
##### This is a H5
This is a H5
###### This is a H6
This is a H6
1.3 인용
> 을 이용하여 인용문을 만들수 있음. 갯수에 따라 깊이 지원> This is a blockqute.
This is a blockqute.
> This is a first blockqute.
>> This is a second blockqute.
>>> This is a third blockqute.
This is a first blockqute.
This is a second blockqute.
This is a third blockqute.
1.4 정렬 목록
숫자를 이용하여 목록 정렬1. 봄
2. 여름
3. 가울
4. 겨울
- 봄
- 여름
- 가울
- 겨울
1. 봄
1. 2월
- 1일
2. 3월
- 13일
2. 여름
1. 6월
- 25일
- 30일
2. 7월
- 봄
- 2월
- 1일
- 3월
- 13일
- 2월
- 여름
- 6월
- 25일
- 30일
- 7월
- 6월
1.5 비정렬 목록
*, +, - 를 이용하여 목록 정렬* 과자
* 라면
* 사탕
- 과자
- 라면
- 사탕
- 라면
+ 과자
+ 라면
+ 사탕
- 과자
- 라면
- 사탕
- 라면
- 과자
- 라면
- 사탕
- 과자
- 라면
- 사탕
- 라면
- 과자
* 농심
+ 새우깡
* 삼양
+ 삼양라면
- 라면
* 농심
+ 신라면
+ 짜파게티
* 삼양
+ 삼양라면
- 과자
- 농심
- 새우깡
- 삼양
- 삼양라면
- 농심
- 라면
- 농심
- 신라면
- 짜파게티
- 삼양
- 삼양라면
- 농심
1.6 코드 블록
```를 이용하여 블록을 씌울 수 있음```
function test() {
console.log("notice the blank line before this function?");
}
```
function test() {
console.log("notice the blank line before this function?");
}
function test() {
console.log("notice the blank line before this function?");
}
function test() {
console.log("notice the blank line before this function?");
}
1.7 코드 인용 (언어 별 문법 하이라이트)
```뒤에 언어 이름을 명시하여 코드에 하이라이트을 넣음- 루비
```ruby
require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html
```
require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html
- C
```c
int main() {
int y = SOME_MACRO_REFERENCE;
int x = 5 + 6;
cout << "Hello World! " << x << std::endl();
}
```
int main() {
int y = SOME_MACRO_REFERENCE;
int x = 5 + 6;
cout << "Hello World! " << x << std::endl();
}
- C++
```cpp
int main() {
int y = SOME_MACRO_REFERENCE;
int x = 5 + 6;
cout << "Hello World! " << x << std::endl();
}
```
int main() {
int y = SOME_MACRO_REFERENCE;
int x = 5 + 6;
cout << "Hello World! " << x << std::endl();
}
- Python
```python
s = "Python syntax highlighting"
print s
```
s = "Python syntax highlighting"
print s
1.8 수평선
수평선을 만드는 여러가지 표기법 (수평성 모양은 같음)* * * ==> 몇개가 나와도 상관없음
***
*****
- - -
----------------------------
1.9 링크
링크 표시법ex) [Title](link)
[Google 페이지 링크](https://google.com)
<https://google.com>
문단의 주소 따는 방법 theorydb님 블로그 참고
- 헤더 제목 문자열을 복사하고 (문단의 주소)에 복사한다.
- 특수 문자를 제거한다.
- 공백을 -로 변경한다.
- 대문자는 소문자로 변경한다. 예시) “#Markdown! 장점” > “#markdown-장점”
[1.1 텍스트 줄바꿈](#11-텍스트-줄바꿈)
1.10 이미지 삽입
이미지 삽입[링크설명](링크주소)
[링크설명](링크주소){: .align-center}
{: .align-center}
[](이동하려는 링크 주소)
(https://pys0531.github.io/)
1.11 표 만들기
: 와 - (3개 이상)의 조합으로 테이블을 만들 수 있음- 정렬
-
왼쪽 정렬 :— -
오른쪽 정렬 —: -
가운데 정렬 :—:
-
표 내용 중앙 정렬
| 항목 | 가격 | 개수 |
|:-----:|:------:|:------|
| 섬유유연제 | 5000원 | 10개 |
| 과자 | 900원 | 20개 |
| 항목 | 가격 | 개수 |
|---|---|---|
| 섬유유연제 | 5000원 | 10개 |
| 과자 | 900원 | 20개 |
표 내용 (좌측 - 중앙 - 우측) 정렬
| 항목 | 가격 | 개수 |
|:------|:------:|------:|
| 섬유유연제 | 5000원 | 10개 |
| 과자 | 900원 | 20개 |
| 항목 | 가격 | 개수 |
|---|---|---|
| 섬유유연제 | 5000원 | 10개 |
| 과자 | 900원 | 20개 |
1.12 마크다운 문법을 그대로 보여주고 싶을 때
마크다운 문법 앞에 \를 붙여준다.\<u>안녕</u>
<u>안녕</u>
1.13 체크 리스트
- [ ] 체크 안됨
- [X] 체크 됨
- 체크 안됨
- 체크 됨