ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • MarkDown Sample
    컴퓨터 2020. 9. 16. 20:47
    반응형

    목차

    목차 만들기

    [[_TOC_]]

    [[_TOC_]]

    헤더

    # H1 헤더
    ## H2 헤더
    ### H3 헤더
    #### H4 헤더
    ##### H5 헤더
    ###### H6 헤더
    ####### H7 헤더는 없다

    H1 헤더

    H2 헤더

    H3 헤더

    H4 헤더

    H5 헤더
    H6 헤더

    ####### H7 헤더는 없다

    목록

    순서가 필요한 목록

    1. 리스트1
        1. 서브리스트1
        1. 서브리스트2
        1. 서브리스트3
    1. 리스트2
        1. 서브리스트1
            1. 서서브리스트1
            1. 서서브리스트2
            1. 서서브리스트3
            1. 서서브리스트4
        1. 서브리스트2
        1. 서브리스트3
            1. 서서브리스트1
    
     1. 서서브리스트2
    1. 리스트3
    1. 리스트1
      1. 서브리스트1
      2. 서브리스트2
      3. 서브리스트3
    2. 리스트2
      1. 서브리스트1
        1. 서서브리스트1
        2. 서서브리스트2
        3. 서서브리스트3
        4. 서서브리스트4
      2. 서브리스트2
      3. 서브리스트3
        1. 서서브리스트1
        2. 서서브리스트2
    3. 리스트3

    순서가 필요없는 목록

    - 리스트
      - 서브리스트
        - 서서브리스트
        - 서서브리스트
      - 서브리스트
      - 서브리스트
    * 리스트
      * 서브리스트
        * 서서브리스트
        - 서서브리스트
      + 서브리스트
      - 서브리스트
    + 리스트
    
    • 리스트
      • 서브리스트
        • 서서브리스트
        • 서서브리스트
      • 서브리스트
      • 서브리스트
    • 리스트
      • 서브리스트
        • 서서브리스트
        • 서서브리스트
      • 서브리스트
      • 서브리스트
    • 리스트

    서식

    ※ 개행을 위해서는 마지막에 스페이스를 두번 붙이면 된다  
    ~~취소선~~  
    _이탤릭_  
    **강조**  
    ***강조 이탤릭***  
    상단기호<sup>상단</sup>  
    하단기호<sub>하단</sub>  
    > Blockquotes  
    >> Blockquotes  
    

    ※ 개행을 위해서는 마지막에 스페이스를 두번 붙이면 된다
    취소선
    이탤릭
    강조
    강조 이탤릭
    상단기호상단
    하단기호하단

    Blockquotes

    Blockquotes

    링크

    [링크](https://www.google.com/)  
    [내부링크](/내부링크주소)  
    <https://cholchori.github.io>  
    [링크설명](https://cholchori.tistory.com/ "홈페이지로 이동합니다")

    링크
    내부링크
    https://cholchori.github.io
    링크설명

    이미지

    링크와 비슷(앞에 !가 붙음)  
    이미지 ![](https://img1.daumcdn.net/thumb/C428x428/?scode=mtistory2&fname=http%3A%2F%2Fcfile30.uf.tistory.com%2Fimage%2F2475063A58DB4BC62EEA55)  
    이미지 링크 [![](https://img1.daumcdn.net/thumb/C428x428/?scode=mtistory2&fname=http%3A%2F%2Fcfile30.uf.tistory.com%2Fimage%2F2475063A58DB4BC62EEA55)](https://cholchori.tistory.com/ "홈페이지로 시스템으로 이동")  
    

    링크와 비슷(앞에 !가 붙음)
    이미지
    이미지 링크

    코드블럭

    인라인 코드

    `$ rm -rf /`

    $ rm -rf /

    코드블럭

    스페이스 4개를 앞에 붙인다

    <?
    echo "hello world!";
    ?>

    `을 세개 찍는다
    ```javascript
    function test(){
    ​ console.log("hello world!");
    }
    ```

    html
    ```html
    <html>
    ​ <head>
    ​ <title>hello world!< /title>
    ​ <body>
    ​ <h1>hello world!</h1>
    ​ </body>
    </html>
    ```

    스페이스 4개를 붙인다

    <?php
        echo "hello world!";
    ?>

    `을 세개 찍는다

    function test(){
        console.log("hello world!");
    }
    

    html

    <html>
        <head>
            <title>hello world!</title>
        <body>
            <h1>hello world!</h1>
        </body>
    </html>

    테이블

    헤드1|헤드2
    ---|---|
    내용1|내용2
    내용3|내용4
    
    |헤드1|헤드2|
    | --- | --- |
    |내용1|내용2|
    |내용3|내용4|
    
    |왼쪽 정렬|중간정렬|오른쪽 정렬|
    | :---    | :---:  |      ---:|
    |내용1|내용2|내용3|
    |내용4|내용5|내용6|
    
    헤드1 헤드2
    내용1 내용2
    내용3 내용4
    헤드1 헤드2
    내용1 내용2
    내용3 내용4
    왼쪽 정렬 중간정렬 오른쪽 정렬
    내용1 내용2 내용3
    내용4 내용5 내용6

    HTML 컨텐츠

    &copy; & &uml; &trade; &iexcl; &pound; &amp; &lt; &gt; &yen; &euro; &reg; &plusmn; &para; &sect; &brvbar; &macr; &laquo; &middot;  
    X&sup2; Y&sup3; &frac34; &frac14; &times; &divide; &raquo;  
    18&ordm;C &quot; &apos;  
    

    © & ¨ ™ ¡ £ & < > ¥ € ® ± ¶ § ¦ ¯ « ·
    X² Y³ ¾ ¼ × ÷ »
    18ºC " '

    태스크 리스트

    - [ ] 일거리1
        - [ ] 소일거리1
        - [ ] 소일거리2
        - [x] 소일거리3
        - [x] 소일거리4
    - [ ] 일거리2
    - [ ] 일거리3
    - [x] 일거리4
    
    • 일거리1
      • 소일거리1
      • 소일거리2
      • 소일거리3
      • 소일거리4
    • 일거리2
    • 일거리3
    • 일거리4

    아스키

    아스키 코드를 입력하기 위해서는 &#ascii번호; 를 입력하면 된다

    ex) ^

    ASCII Hex Symbol ASCII Hex Symbol
    0 0 NUL 16 10 DLE
    1 1 SOH 17 11 DC1
    2 2 STX 18 12 DC2
    3 3 ETX 19 13 DC3
    4 4 EOT 20 14 DC4
    5 5 ENQ 21 15 NAK
    6 6 ACK 22 16 SYN
    7 7 BEL 23 17 ETB
    8 8 BS 24 18 CAN
    9 9 TAB 25 19 EM
    10 A LF 26 1A SUB
    11 B VT 27 1B ESC
    12 C FF 28 1C FS
    13 D CR 29 1D GS
    14 E SO 30 1E RS
    15 F SI 31 1F US
    ASCII Hex Symbol ASCII Hex Symbol
    32 20 (space) 48 30 0
    33 21 ! 49 31 1
    34 22 " 50 32 2
    35 23 # 51 33 3
    36 24 $ 52 34 4
    37 25 % 53 35 5
    38 26 & 54 36 6
    39 27 ' 55 37 7
    40 28 ( 56 38 8
    41 29 ) 57 39 9
    42 2A * 58 3A :
    43 2B + 59 3B ;
    44 2C , 60 3C <
    45 2D - 61 3D =
    46 2E . 62 3E >
    47 2F / 63 3F ?
    ASCII Hex Symbol ASCII Hex Symbol
    64 40 @ 80 50 P
    65 41 A 81 51 Q
    66 42 B 82 52 R
    67 43 C 83 53 S
    68 44 D 84 54 T
    69 45 E 85 55 U
    70 46 F 86 56 V
    71 47 G 87 57 W
    72 48 H 88 58 X
    73 49 I 89 59 Y
    74 4A J 90 5A Z
    75 4B K 91 5B [
    76 4C L 92 5C \
    77 4D M 93 5D ]
    78 4E N 94 5E ^
    79 4F O 95 5F _
    ASCII Hex Symbol ASCII Hex Symbol
    96 60 ` 112 70 p
    97 61 a 113 71 q
    98 62 b 114 72 r
    99 63 c 115 73 s
    100 64 d 116 74 t
    101 65 e 117 75 u
    102 66 f 118 76 v
    103 67 g 119 77 w
    104 68 h 120 78 x
    105 69 i 121 79 y
    106 6A j 122 7A z
    107 6B k 123 7B {
    108 6C l 124 7C
    109 6D m 125 7D }
    110 6E n 126 7E ~
    111 6F o 127 7F 

    이모지

    : 를 입력하고 알파벳을 놀러 보면 연관 이모지가 선택이 가능하다   
    :star: :calendar: :zzz:   
    

    : 를 입력하고 알파벳을 놀러 보면 연관 이모지가 선택이 가능하다
    :star: :calendar: :zzz:

    도표

    ```mermaid
        graph TD
            A[Christmas] -->|Get money| B(Go Shopping)
            B --> C{Let me think}
            C --> |One| D[Laptop]
            C --> |Two| E[iPhone]
            C --> |Three| F[fa:fa-car Car]
    ```
    
    ```mermaid
        sequenceDiagram
            Alice->>+John: Hello Jhon, ow are you?
            Alice->>+John: John, can you hear me?
            John->>-Alice: Hi Alice, I can hear you!
            John->>-Alice: I feel great!
    ```
    
    ```mermaid
        gantt
            title A Gantt Diagram
            dateFormat YYYY-MM-DD
            section Section
            A task :a1, 2020-01-01, 30d
            another task :after a1 , 20d
            section Another
            Task in sec :2020-01-12 , 12d
            another task : 24d
    ```
    
        graph TD
            A[Christmas] -->|Get money| B(Go Shopping)
            B --> C{Let me think}
            C --> |One| D[Laptop]
            C --> |Two| E[iPhone]
            C --> |Three| F[fa:fa-car Car]
        sequenceDiagram
            Alice->>+John: Hello Jhon, ow are you?
            Alice->>+John: John, can you hear me?
            John->>-Alice: Hi Alice, I can hear you!
            John->>-Alice: I feel great!
        gantt
            title A Gantt Diagram
            dateFormat YYYY-MM-DD
            section Section
            A task :a1, 2020-01-01, 30d
            another task :after a1 , 20d
            section Another
            Task in sec :2020-01-12 , 12d
            another task : 24d
    반응형

    댓글

Designed by Tistory.