markdown 문법 정리

2 분 소요

깃허브 블로그를 만들었으니 이제 포스팅을 해야 한다~~

MarkDown은 확장자 .md로, 깃허브 README.md에서 보던 그거다.
문법이 쉽고, 다양한 플랫폼에서 지원되는 것이 장점이며 표준이 없고 모든 HTML 마크업은 하지 못한다고 한다.

Visual Studio Code에서 Markdown Preview Enhanced를 설치하면 페이지 결과를 미리 볼 수도 있다.

참고로 Jekyll의 블로그 페이지의 파서와 깃허브에서의 파서가 다르다고 한다. 따라서 Jekyll의 _congif.yml에서 markdown: kramdownmarkdown: GFM으로 변경하면 혼합 구문이나 테이블 등 여러모로 좀 잘못 렌더링되던 것들이 수정될 수 있다.


줄바꿈


라인 끝 공백(‘ ‘, 스페이스바) 두 번 또는 뉴라인(‘\n’, 엔터) 두 번으로 다음 줄로 넘어간다.
뉴라인 3번으로 단락이 띄어진다.

여러 줄을 띄우고 싶을 경우 <br/><br>로 가능하다.

헤더


#로 헤더를 구분할 수 있다. 6단계까지 있다.
현재 헤더는 ### 헤더와 같이 썼다.

목록


순서가 있는 목록

  1. 목록1
  2. 목록2

와 같이 숫자를 앞에 쓰고 점을 찍으면 알아서 생김.

순서가 없는 목록

  • 목록1
  • 목록2

-, *, + 등으로 표현 가능.

강조


(문자)글(문자)로 표현할 수 있다.

* 또는 _기울기, ** 또는 __굵게, ~~취소선, <u></u>밑줄이 가능하다.
혼합도 가능하다.
<u>~~*__굵게 기울여 취소선 및 밑줄__*~~</u>
-> ~~*__굵게 기울여 취소선 및 밑줄__*~~

코드 삽입


`(~ 쉬프트 안 누른 거) 로 코드 인용이 가능하다.
블록으로 할 경우 ` 3번으로 감싸서 할 수 있고, 공백 4칸도 가능하다.

(블록 코드)

또 ` 3번 옆에 c, python 등 코드 종류를 같이 쓰는 경우

int main(){
    cout << "This is C++" << endl;
}

코드 하이라이팅이 가능하다.

구분선


___, ---, *** 가 대표적이고, 여러 개를 써도 가능하다. ___

인용구


인용구

여러 단도 가능

> 로 적을 수 있다.

포맷 무시하기


위에서 기울기와 같이 *는 마크다운 포맷으로 사용되는데, 그와 관계없이 기호가 사용하고 싶을 경우이다.
\와 같이 백슬래시를 앞에 달아서 마크다운 포맷을 무시하고 기호를 적을 수 있다.

테이블(표)


| 항목 | 내용 | 내용2 |
| :-- | --: | :--: |
| ab | cd | efg |
항목 내용 내용2
ab cd efg
hi j klmn

| --- |를 추가함으로 테이블의 머리를 구분할 수 있다. -- 양옆에 :로 정렬 방향을 표시할 수 있다.

링크


[여기](https://cyj893.github.io/) -> 여기
[보여질 글](링크 주소)로 사용 가능하다. 또는 그냥 주소만 써도 가능하다. https://cyj893.github.io/

이미지


![](https://upload.wikimedia.org/wikipedia/commons/thumb/4/47/Cat_at_Bukhansan.jpg/800px-Cat_at_Bukhansan.jpg)
![](이미지 주소)로 보일 수 있다.
{: width="50%" height="50%"} 등을 덧붙여 크기 조절도 가능하다. 이 때의 %는 이미지의 크기가 아닌 화면에 보이는 비율을 의미한다.

내 레파지토리에 /img 폴더를 만들어 그 주소로 이미지를 등록할 수도 있다.
<center><img src="/img/cheese.png" width="10%" height="10%"></center>

html로 적을 수도 있다. 가운데 정렬 등이 더 편리하다.


기호 및 이모지


유니코드 문자를 사용한다.
&#숫자;로 다양한 기호와 이모지를 사용할 수 있다. &#128522; -> 😊



대충 정리할 만한 건 다 한 거 같다.
내일은 카테고리 정리하기를 해야 겠다~~

댓글남기기