마크다운 치트 시트

7412 단어 markdowngithubreadme

마크다운이란?



Markdown은 일반 텍스트 서식 구문을 사용하는 경량 마크업 언어입니다. HTML/XHTML 및 기타 형식으로 변환할 수 있습니다. 주요 목적은 가독성과 사용 용이성입니다.

그것은 무엇을 위해 사용됩니까?


  • README 파일(Github 등)
  • 포럼 및 블로그 게시물(dev.to, Medium 등)
  • 많은 정적 사이트 생성기.

  • 이제 마크다운을 사용하여 무엇을 할 수 있고 어떻게 사용할 수 있는지 살펴보겠습니다.

    제목





    제목1의 경우



    제목 2의 경우



    제목 3의 경우



    제목4




    제목5의 경우


    제목6의 경우

    또는 H1 및 H2에 밑줄 스타일을 사용할 수 있습니다.

    H1의 경우



    H2의 경우




    이탤릭체




    Use single *asterisks* or _underscores_ for Italic.
    


    기울임꼴에는 단일 별표 또는 밑줄을 사용하십시오.

    대담한/강한




    Use double **asterisks** or __underscores__ for Bold/Strong.
    


    Bold/Strong에는 이중 별표 또는 밑줄을 사용하십시오.

    결합




    **Bold and *Italic1* & _Italic2_**
    


    굵게 및 기울임꼴1 및 기울임꼴2

    취소선




    Use two tildes ~~to scratch/strikethrough this.~~
    


    두 개의 물결표를 사용하여 긁거나 취소선을 그립니다.

    가로줄




    You can use any of the following...
    Using Hyphens
    
    --------
    
    Using Asterisks
    
    ***
    
    Using Underscores
    
    ___
    
    


    세 개의 하이픈 사용


    세 개의 별표 사용


    세 개의 밑줄 사용


    인용구




    > This line is quoted.
    > This line is part of the same quote.
    
    Paragraph:
    > You can write a paragraph inside a blockquote. You can also use different markdown here. Such as *itlic*, **bold**, ~~strike~~ etc.
    


    This line is quoted.
    This line is part of the same quote.



    절:

    You can write a paragraph inside a blockquote. You can also use different markdown here. Such as itlic, bold, strike etc.



    연결



    링크를 만드는 방법에는 두 가지가 있습니다.
    1. 인라인 링크

    [Abdulah Al Jahid](https://username.medium.com/)
    


    Abdulah Al Jahid

    1. 제목이 있는 인라인 링크

    [Abdulah Al Jahid](https://github.com/username "My Github Account")
    


    Abdulah Al Jahid

    버튼에 링크를 추가하는 까다로운 방법

    <a target="_blank" href=""><img src="https://img.shields.io/badge/-%23.svg?&style=plastic&logo=&logoColor=white" alt=""></a>
    


    Github 링크:

    중간 블로그 링크




    <a target="_blank" href="https://github-readme-medium-recent-article.vercel.app/medium/@username/articleId"><img src="https://github-readme-medium-recent-article.vercel.app/medium/@username/articleId" alt="Alternative text">
    


    유튜브 영상 링크




    <a href="http://www.youtube.com/watch?feature=player_embedded&v=YOUTUBE_VIDEO_ID" target="_blank"><img src="http://img.youtube.com/vi/YOUTUBE_VIDEO_ID/0.jpg" 
    alt="Alternative text" width="240" height="180" border="10" /></a>
    


    이미지




    Inline Style:
    ![Markdown Logo](https://markdown-here.com/img/icon256.png)
    
    Reference Style:
    ![Markdown logo][logo]
    `[logo]: https://markdown-here.com/img/icon256.png`
    


    인라인 스타일:

    참조 스타일:

    인라인 코드 블록



    This is inline `code block` using `back-ticks`.
    

    이것은 code block를 사용하는 인라인back-ticks입니다.

    코드 블록 및 구문 강조 표시





    Normal Code blocks
    


    세게 때리다:

    npm install
    npm run dev
    


    자바스크립트:

    function add(number1, number2) {
      return number1 + number2;
    }
    


    파이썬:

    def add(number1, number2):
      return number1 + number2
    


    목록



    UL
    정렬되지 않은 목록에서 */-/+를 사용할 수 있습니다.

    * Item 1
    * Item 2
        * Item 2.1
        * Item 2.2
            * Item 2.2.1
    


  • 항목 1
  • 항목 2
  • 항목 2.1
  • 항목 2.2
  • 항목 2.2.1



  • OL

    1. Item 1
    2. Item 2
    3. Item 3
    


  • 항목 1
  • 항목 2
  • 항목 3

  • 테이블




    | First Name    | Last Name     | Id    |
    | ------------- |---------------| ------|
    | Mark          | Down          |   1   |
    | Abdullah Al   | Jahid         |   2   |
    | Awesome       | Table         |   0   |
    



    이름

    ID


    표시
    아래에
    1

    압둘라 알
    자히드
    2

    대박
    테이블
    0



    감사

    좋은 웹페이지 즐겨찾기