• Index : 큐레이션팟

    마크다운 사용법

    이제 큐레이션팟에서 마크다운 문법이 지원됩니다.

    마크다운 사용법

    헤더

    H1~H6 까지의 헤더를 나타나는데 사용되며 제목, 강조를 할때 활용됩니다. 1~6 해쉬 레벨까지 사용이 가능합니다. 해쉬를 입력하고 한 칸 띄우는 것을 잊지 마세요.

    예)

    # H1 입니다.
    ## H2 입니다.
    ###### H6입니다.

    강조

    ** 로 감싸면 strong 태그에 대응하는 강조 표시가 됩니다.

    예)
    **강조**

    이미지

    마크다운에서 이미지 파일을 올릴 때 사용합니다. 에디터 안으로 이미지를 드래그 앤 드롭을 해도 자동으로 작성됩니다.

    예)
    ![Alt text](/path/to.img.jpg)

    • ! 마크로 선언합니다.
    • 대괄호 []를 사용하고 Alt text를 써줍니다. Alt text는 이미지가 보여지지 않을 때 표시되는 텍스트입니다. 작성하지 않아도 되지만 작성하면 SEO 검색에 유리합니다.
    • url 즉 이미지의 주소 및 경로를 소괄호 () 안에 표시해 줍니다.

    링크

    링크도 에디터에 주소를 입력하면 자동으로 마크다운 파서에서 링크 형태로 보여줍니다. (http://를 포함해야 합니다.)
    직접 작성하려면 다음과 같이 작성하면 됩니다.

    예)
    [link text](http://example.com/)

    • 이미지와 거의 유사합니다. 다만 ! 마크선언 부분이 없습니다.
    • 대괄호 [] 안에 링크에 표시될 텍스트를 써줍니다. 적절하게 작성하면 SEO 에 유리합니다.
    • 소괄호 안에는 링크로의 url 또는 경로를 적어줍니다.

    리스트

    리스트는 항목을 작성할 수 있는 것으로 깔끔하게 정리하는데 유리합니다.

    • 순서가 없는 리스트

    순서가 없는 리스트 (Unordered lists)는 *, +, - 기호 중 하나를 사용하면 됩니다. 기호를 쓰고 한 칸 띄우는 것을 잊지 마세요.

    예)

    -   Red
    -   Green
    -   Blue
    • 순서가 있는 리스트

    순서가 있는 리스트(Ordered list)는 1. 2. 3. 의 방식으로 쓰면 됩니다. 역시 한칸 띄우는 것을 잊지 마세요.

    1.  Bird
    2.  McHale
    3.  Parish

    코드 인용

    코드를 써야할 때가 있다면 ` 키로 감싸주면 됩니다. ` 키는 그레이브라고 불리우는데 작은 따옴표가 아닌 숫자 1키 옆에 있는 물결 키(~)를 쉬프트를 누르지 않고 누르는 키입니다. 또한 스페이스를 4번 (Indent) 치고 코드를 입력해 줘도 코드 인용이 됩니다. 이는 <pre><code></code></pre>에 대응합니다.

    예)

    
    `code line`
    ```code block
       echo hello world!
    ```
    

    코드는 ` 를 사용하세요. 편리합니다.

    블록 인용

    일반적인 인용은 > 를 이용하면 됩니다. > 를 전체 텍스트에 적용해도 되고 맨 앞에 한 번만 사용해도 됩니다.

    예)

    > this is block quote you can use it everyline
    > it looks good

    마크다운을 마스터 하고 싶으신 분은 마크다운을 만든 존그루버의 사이트를 참고하시는 것도 좋을것 같습니다.

    참고 :
    https://daringfireball.net/projects/markdown/syntax

    그럼 여러분 좋은 하루 되세요~^^

      #큐레이션팟   hkmoon   7 months ago