마크다운 치트 시트 파트-4

TL;DR

코드 및 구문 강조



코드 블록은 Markdown 사양의 일부이지만 코드 강조 표시는 그렇지 않습니다. 그러나 GitHub 및 Markdown Here와 같은 많은 렌더러는 코드 및 구문 강조 표시를 지원합니다. Markdown Here은 많은 언어를 지원합니다. 전체 목록을 보려면 this Flash Warning! 를 확인하십시오.

읽는다면 울타리 블록에 대해 알고있을 것입니다.
  • 울타리 블록은 인라인 블록 주위에 백틱이 있습니다.

  • 코드 블록은 3개의 백틱이 있는 줄로 구분되거나 4개의 공백으로 들여쓰기됩니다. 나는 더 쉽고 구문 강조를 지원하는 분리된 코드 블록만 사용하는 것이 좋습니다.

    s = "Python syntax highlighting"
    print(s)
    



    var s = "JavaScript syntax highlighting";
    alert(s);
    



    No language indicated, so no syntax highlighting.
    


  • 이를 코드 및 구문 강조 표시라고 합니다.
  • 코드와 작성한 언어 이름 앞에 세 개의 백틱을 추가하여 이를 달성할 수 있습니다.
  • Know more

  • 더 많은 예


  • HTML

  • <!DOCTYPE html>
    <title>Title</title>
    
    <style>body {width: 500px;}</style>
    
    <script type="application/javascript">
      function $init() {return true;}
    </script>
    
    <body>
      <p checked class="title" id='title'>Title</p>
      <!-- here goes the rest of the page -->
    </body>
    


  • CSS

  • @font-face {
      font-family: Chunkfive; src: url('Chunkfive.otf');
    }
    
    body, .usertext {
      color: #F0F0F0; background: #600;
      font-family: Chunkfive, sans;
      --heading-1: 30px/32px Helvetica, sans-serif;
    }
    
    @import url(print.css);
    @media print {
      a[href^=http]::after {
        content: attr(href)
      }
    }
    


  • C++

  • #include <iostream>
    
    int main(int argc, char *argv[]) {
    
      /* An annoying "Hello World" example */
      for (auto i = 0; i < 0xFFFF; i++)
        cout << "Hello, World!" << endl;
    
      char c = '\n';
      unordered_map <string, vector<string> > m;
      m["key"] = "\\\\"; // this is an error
    
      return -2e3 + 12l;
    }
    


  • know more languages

  • 테이블



    테이블은 핵심 Markdown 사양의 일부가 아니지만 GFM의 일부이며 Markdown Here에서 지원합니다.

    This is the neat table 
    
    | The           | neat          | table       |
    | ------------- | ------------- | ----------- |
    | well          | this          | is  the     |
    | neat          | and  pretty   | way         |
    | to            | make          | tables      |
    


    깔끔한 테이블입니다


    그만큼
    정돈된
    테이블



    이것
    이다

    정돈된
    그리고 예쁘다
    방법

    에게
    만들다
    테이블



    There exist a less neat way to make tables
    still renders neat and clean.
    
    | The less| neat | table |
    | --- | --- | --- |
    | well |this| is less |
    | neat | and  pretty | but |
    | still  | renders | neat |
    


    테이블을 만드는 덜 깔끔한 방법이 있습니다.
    여전히 깔끔하고 깨끗합니다.



    정돈된
    테이블



    이것
    적다

    정돈된
    그리고 예쁘다
    하지만

    아직
    렌더링
    정돈된


    테이블에서 인라인 블록, 이탤릭체 및 볼드체 단어를 사용할 수 있습니다.




    Using other properties in the table 
    
    | The           | neat          | table       |
    | ------------- | ------------- | ----------- |
    | well          | this          | is  the     |
    | *neat*        | **and pretty**| `way`       |
    | to            | make          | tables      |
    


    테이블의 다른 속성 사용


    그만큼
    정돈된
    테이블



    이것
    이다

    정돈된
    그리고 예쁘다way
    에게
    만들다
    테이블


  • 이것을 모르면 내 블로그를 볼 수 있습니다.



  • 각 헤더 셀을 구분하는 최소 3개의 대시가 있어야 합니다.
    외부 파이프(|)는 선택 사항이며 만들 필요가 없습니다.
    Raw Markdown이 예쁘게 정렬됩니다.
  • 그것들을 덜 깔끔하게 만들면 효과가 있을 것입니다....오, 당신은 내 요점을 이해하고 있습니다. 아니라면 댓글을 남겨주세요.
  • 좋은 웹페이지 즐겨찾기