Youn

Youn

Engineer & Photographer

마크다운 문법

1 minute read

이 블로그는 대다수의 gitblog가 그러하듯 ruby언어로 작성된 jekyll에 기반으로 하고 있다. jekyll은 md, Markdown 언어로 작성된 파일을 입력으로 받아서 정적 웹페이지로 변환하는 인터프리터 역할을 한다. 그래서 이번 글에서는 마크다운 문법을 정리하고자 한다.

본문 서식

  • 제목
    • 결과

h1

h2

h3

h4

h5
h6
  • 문법 
      # h1 
  ## h2 
  ### h3
  #### h4
  ##### h5
  ###### h6
  • 인용
    • 결과

      인용

      인용

      인용

    • 문법 
        > quotes  
  >  > quotes  
  >  >   > quotes

  • 글자 서식

    문법 결과
    *이탤릭체* 이탤릭체
    _이탤릭체_ 이탤릭체
    *볼드체* 볼드체
    __볼드체__ 볼드체
    ~~취소선~~ 취소선
    <u>밑줄</u> 밑줄
  • 순서 리스트
    • 결과
      1. 순서리스트
      2. 순서리스트
      3. 순서리스트
      4. 순서리스트
    • 문법
      ```
      1. 순서리스트
      2. 순서리스트
      3. 순서리스트
      4. 순서리스트
        ```
  • 리스트
    • 결과
      • 리스트
        • 리스트
          • 리스트
    • 문법
      ```
      • 리스트
        • 리스트
          • 리스트
            ```

문서 서식

  • 테이블

    • 결과

      속성 1 속성 2
      속성값 1 속성값 3
      속성값 2 속성값 4

    • 문법

        | 속성 1 | 속성 2 |
  |:---------:|:---------:|
  | 속성값 1 | 속성값 3 |
  | 속성값 2 | 속성값 4 |
  • 테이블 정렬

    • 결과

      속성 1 속성 2 속성 3
      왼쪽정렬 중앙정렬 오른쪽정렬

    • 문법

            | 속성 1 | 속성 2 | 속성 3 |
      | :-------- | :--------: | --------: |
      | 왼쪽정렬 | 중앙정렬 | 오른쪽정렬 |
  • 코드 블록
    • 결과 
        코드 블록 내용
    • 문법
      • 세 개의 ` 를 앞/뒤로 블록을 형성한다.
        '’’
        코드 블록 내용
        '’’
    • 코드 블록 형식 지정 가능 (c, java, xml, json, …)
          void f()
          printf(%s, "이것은 c 코드 입니다");          

      ``` c   
      void f()  
          printf(%s, "이것은 c 코드 입니다");  
  ```
  • 인라인 코드 블록
    • 결과
      Inline code block
    • 문법
      `Inline code block`
  • 수평선
    • 결과
    • 문법

    -–
    ***
    ___

  • 각주
    • 결과
      각주1

    • 문법
      각주[^id]

      [^id]: 각주 설명

  • 접기/펼치기
    • 결과
      접기 숨긴내용("hello world!")

    • 문법

        <detail>
   <summary>접기</summary>  
      숨긴내용("hello world!")  
  </details>
  • 외부 링크
    • 결과

    google
    google

    • 문법 
        [google](http://www.google.co.kr "구글링크")  
  [google][link1]  
  [link1]: http://www.google.com/ "구글링크2"

기타 서식

  • 블록 설정
    • 결과

블록</div>

+ 문법
    ```
    <div markdown="1">블록</div>
    ```
  • 이미지
    • 결과
      image_example_1 image_example_2
    • 문법
          ![image_example_1](/polymath-youn.github.com/assets/images/jekyll-logo.png)
      ![image_example_2][image_link]

      [image_link]: /polymath-youn.github.com/assets/images/jekyll-logo.png
  • 비디오

    • 결과

    • 문법

        <p><iframe style="width:100%;" height="315" src="https://www.youtube.com/embed/Cniqsc9QfDo?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe></p>

참고

https://docs.github.com/en/free-pro-team@latest/github/writing-on-github/organizing-information-with-tables
https://heropy.blog/2017/09/30/markdown/
https://simhyejin.github.io/2016/06/30/Markdown-syntax/

  1. 각주 설명 ↩

You may also enjoy