Markdown syntax 마크다운 문법

This blog has a default layout which includes the stlye of first letter having 3ea. Also it is a gitblog type blog on jekyll structure. Mundana is being used as one of the jekyll theme.

Contents format 본문 서식

• Header 제목
  • Output

h1

h2

h3

h4

h5

h6

• Syntax

    # h1 
    ## h2 
    ### h3
    #### h4
    ##### h5
    ###### h6
  

• Blockquote 인용
  • Output

    quotes

    quotes

    quotes

  • Syntax
    > quotes > > quotes > > > quotes

• Font style 글자 서식

  Syntax	Output
  *italic*	italic
  _italic_	italic
  **bold**	bold
  __bold__	bold
  ~~strikethrough~~	strikethrough
  <u>Underline</u>	Underline

• Ordered list 리스트 (순서)
  • Output
    1. o-list
    2. o-list
    3. o-list
    4. o-list
  • Syntax
    \1. o-list
    \1. o-list
    \1. o-list
    \1. o-list
    \2. o-list
• Unordered list 리스트 (순서x)
  • Output
    • uo-list
      • uo-list
        • un-list
  • Syntax
    * uo-list
    - uo-list
    + un-list

Contents sytle 문서 서식

• Table 테이블

  • Output

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

  • Syntax

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

• Table align 테이블 정렬

  • Output

    Header 1	Header 2	Header 3
    Left	Center	Right

  • Syntax

        | Header 1  | Header 2   | Header 3  |
        | :-------- | :--------: | --------: |
        | Left      | Center     | Right     |
  

• Code block 코드 블록
  • Output

      Code block contents
    

  • Syntax
    • Syntax should have three ` in front and end.
      '’’
      Code block contents
      '’’
  • Code block style : c, java, xml, json

        void f()
            printf(%s, "이것은 c 코드 입니다");          
  

    ``` c   
        void f()  
            printf(%s, "이것은 c 코드 입니다");  
    ```
  

• Inline code block 인라인 코드 블록
  • Output
    Inline code block
  • Syntax
    `Inline code block`
• Horizontal line 수평선
  • Output

  ---

  ---

  ---

  • Syntax

  -–
  ***
  ___

• Footnotes 각주
  • Output
    Footnote¹

  • Syntax
    Footnote[^id]

    [^id]: footnote explanation

• Expander 접기/펼치기
  • Output
    Fold

    pythonprint("hello world!")

  • Syntax

      <detail>
       <summary>Fold</summary>  
          pythonprint("hello world!")  
      </details>
    

• External link 외부 링크
  • Output

  google
  google

  <mbyun1420@gmail.com/>

  • Syntax

      [google](http://www.google.co.kr "hover:구글")  
      [google][link1]  
      [link1]: http://www.google.com/ "hover:구글"  
      <mbyun1420@gmail.com/>  
    

etc 기타 서식

• Block setting 블록 설정
  • Output

block setting </div>

+ Syntax
    ```
    <div markdown="1">block setting</div>
    ```

• Image 이미지
  • Output
  • Syntax

        ![image_example_1](/assets/images/8.jpg)
        ![image_example_2][image_link]
  
        [image_link]: /assets/images/8.jpg
  

• Video 비디오
  • Output
  • Syntax

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

Reference

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. footnote explanation ↩