2022-02-13 마크다운

마크다운(MARKDOWN)

22년 2월 13일 github pages에 포스팅하는 것에 어려움을 해결하고자

마크다운에 대해 공부했다.

마크다운(Markdown)은 .md 확장자를 사용하는 경량형 마크업 언어다.

github등에서도 README파일에서 많이 사용되고 있고

github pages등 블로그에서 글을 올리기 위해서 많이 활용하고 있다.

---

예제로 보는 마크다운

vcs에 들어가서 .md파일을 생성한다.

markdown: open preview 사용을 사용하면 진행상황을 실시간으로 볼 수 있다.

---

0. 앞서서...

<!--주석--> : 주석
<br/> :엔터

---

1. Heading

<!--heading-->
# Heading1
## Heading2
### Heading3
#### Heading4
##### Heading5
###### Heading6

출력

Heading1

Heading2

Heading3

Heading4

Heading5

Heading6

첫 번째 heading은 자동으로 line이 생성된다.

총 6가지 크기를 제공한다.

---

2. line

<!--line-->
---

직접 해보면 가로줄이 생성되는 것을 확인할 수 있을 것이다.

---

3. text attributes

<!--Text attributes-->
**bold**
*italic*
~~strikethrough~~

출력

bold

italic

strikethrough

자 이제! 볼드, 이탈릭,

스트라잌쓰루

를 사용할 수 있게 되었다!

---

4. 인용문

<!--Quote-->
> Qoute
>> double!

출력

Qoute

double

인용문이다. 박스안에 내용을 넣어준다. 잘 사용하면 편리할 듯?

---

5. 리스트

<!--bullet list-->
* darjeeling
- assam

출력

• darjeeling
• assam

땡땡이 리스트.

<!--numbered list-->
1. ceylon
2. uva

출력

1. ceylon
2. uva

숫자 리스트

*와 - 그리고 숫자를 잘 사용하면 리스크를 깔끔하게 만들어낼 수 있었다.

---

6. link

<!--click-->
click [here](https://ramen4598.github.io)

출력

click here

<!--image-->
![image description](https://drive.google.com/uc?id=1sKdJkHTw1jutm77UKmyj3IxCJE2Uv6yJ1q1)

출력

맛있었다.

이렇게 이미지를 첨부할 수 있다.

이미지 호스팅을 해여한다는 점이 불편한데 다른 방법을 찾아보는 것도 좋을 듯하다.

github pages의 경우 despository에 images파일을 생성한 후 여기에 이미지를 업로드하고

![image](/images/file_name)

업로드할 수 있다! 잇힝

꿀팁
구글 드라이브에 있는 사진을 호스팅 할 수 있다.

https://drive.google.com/uc?id=뒤에

이미지의 링크 중 file/d/와 /view 사이 숫자+영문을 붙여라.

이때 설정을 링크가 있는 모든 사용자에게 공개로 설정을 바꿔주면 OK!

---

7. table

마크다운에서 테이블을 만들 수 있는데.

<!--table-->
|header|description|
|--|--|
|cell1|cell2|
|cell1|cell2|
|cell1|cell2|

출력

header	description
cell1	cell2
cell1	cell2

이렇게 테이블을 만들 수 있다.

또한 아래와 같은 방법을 사용하면 정렬을 원하는 곳에 할 수 있다.

좌측 정렬
|header|description|
|:--|:--|
|cell1|cell2|
|cell1|cell2|

우측 정렬
|header|description|
|--:|--:|
|cell1|cell2|
|cell1|cell2|

중앙 정렬
|header|description|
|:--:|:--:|
|cell1|cell2|
|cell1|cell2|

출력

좌측 정렬

header	description
cell1	cell2
cell1	cell2

우측 정렬

header	description
cell1	cell2
cell1	cell2

중앙 정렬

header	description
cell1	cell2
cell1	cell2

콜론(:)을 원하는 곳에 넣으면 그곳 중심으로 정렬할 수 있다!

---

8. code

문서 안에서 강조하고 싶은 코드를 (`~`)를 사용해 감싸주면 가독성이 높아진다.

참고로 맥북에선

한글일땐 (₩),
영어일때 (`)이 입력된다.

printf ("Hello World");

printf ("Hello World");

```옆에 사용한 언어를 표시하면 문법대로 표현해준다.

---

끝!

이제야 포스트 같은 포스트를 작성할 수 있게 되었다!

level up!

몇번을 수정하고 있는지 정말...