마크 다운 문법을 배워보자

1 minute read

마크다운 문법

이번에 블로깅을 시작하면서 연습용으로 유용하게 쓰일 마크다운 문법을 몇 개 정리해봅시다.

1. 줄 바꾸기

마크다운에서는 Enter 키로 줄바꾸기를 지원하지 않습니다. 대신 Space bar 2번 누르거나 <br>를 문장 끝에 넣음으로서 줄 바꾸기를 할 수 있습니다. Enter 2번 을 할 경우 문단을 나눌 수 있습니다.

<예시>

  첫 번째 <br> 두 번째  <!--space bar 2번> 세 번째

<결과값>

첫 번째
두 번째
세 번째

2. 글 머리 달기

<예시>

  # H1
  ### H3
  #### H4

<결과값>

H1

H2

H3

H4

3. 인용하기

<예시>

  > 문장 앞에 앞선 기호를 붙이면 인용이 됩니다. 
  >> 단계별 인용을 하려면
  >>> 이렇게 합니다. 

<결과값>

문장 앞에 앞선 기호를 붙이면 인용이 됩니다.

단계별 인용을 하려면

이렇게 합니다.

4. 코드 블록 만들기

코드 블록 앞, 뒤에 ``` 혹은 ~~~를 붙여서 코드 블록을 만듭니다. 물결 표시 뒤에 python, ruby 등 언어 이름을
적어서 해당 언어에 맞는 스타일로 변경시킬 수 있습니다.

<예시>

  ```python
  if true:
    print("Hello! World")
  ```

<결과값>

  if true:
    print("Hello! World")

5. 인라인 코드 블록(Inline Code)

(backquote) 로 감싸진 코드 블록입니다.

<예시>

  `Inline Code block`

<결과값>
Inline Code block

6. 수평선 표기

<예시>

   * * *
   ***
   *****
   ---

<결과값>

7. 강조하기

<예시>

   *기울여쓰기(Italic)*
   _기울여쓰기(Italic)_

   **굵게 쓰기(Bold)**
   __굵게 쓰기(Bold)__

<결과값>

기울여쓰기(Italic) 기울여쓰기(Italic)

굵게 쓰기(Bold) 굵게 쓰기(Bold)

8. 하이퍼링크 달기

하이퍼링크를 쓸 때에는 [하이퍼링크 제목](링크) 순으로 적습니다.

<예시>

   [allen_blog](allenedgarpoe.github.io)

<결과값>

AllenEdgarPoe_blog

9. 테이블 삽입

<예시>

  Header 1 | Header 2
  --------- | ---------
  Content 1 | Content 3
  Content 2 | Content 4

<결과값>

Header 1	Header 2
Content 1	Content 3
Content 2	Content 4

10. 이미지 삽입

이미지는 이미지 파일을 디렉토리에 넣고 해당 디렉토리의 위치를 명시해주면 됩니다. 예시로 쓴 그림은 제가 직접 그린 South Park 에 나오는 캐나다 인 캐릭터를 오마주한 그림입니다.

<예시>

  ![happy](https://allenedgarpoe.github.io/assets/images/happy.png)

<결과값> happy

번외

Markdown 파일을 쉽게 수정할 수 있는 방법은?
- vi 나 vim 같은 우분투에서 원래 제공하는 text editor를 사용하게 될 경우 불편한 점이 한 두가지가 아닙니다.
  따라서 본격적으로 깃헙 블로그를 운영하시려면 Visual Studio Code 를 사용할 것을 권해드립니다. preview 기능이 있기 때문에 아주 손쉽게 결과값을 확인하고 수정할 수 있습니다.
- 다만 한 가지 주의하셔야 할 것은 vs code에서 반환하는 결과랑 github system에서 반환하는 결과랑 다를 수 있습니다. 아마 indent 등의 마이너한 오류를 허용하느냐 허용하지 않느냐의 차이인 것 같습니다. 블로그를 수정하실 때는 꼭 local에서 먼저 결과물을 확인하시길 바랍니다.

Twitter Facebook LinkedIn

외고 졸업생

마크 다운 문법을 배워보자