Markdown 기법 요약

7324 단어 QiitaMarkdown
Markdown의 학습도 아니고, Markdown의 기법을 몇개 정리해 보았습니다.

제목



텍스트 앞에 #를 붙여 설명.# 의 수로 텍스트의 크기가 바뀐다. 최대 6개.

・쓰는 방법 예
# 見出しh1
## 見出しh2
### 見出しh3
#### 見出しh4
##### 見出しh5
###### 見出しh6

· 결과

제목 h1



제목 h2



제목 h3



제목 h4



제목 h5

제목 h6

글머리 기호 목록



텍스트 앞에 + * - 중 하나를 붙여 설명.
들여쓰기는 탭에서 낮춰진다.

・쓰는 방법 예
+ テキスト
    + テキスト
    - テキスト
    * テキスト

· 결과
  • 텍스트
  • 텍스트
  • 텍스트
  • 텍스트


  • 번호가 매겨진 목록



    텍스트 앞에 数値. 에 설명.
    실제로 표시될 때에는 적절한 수치가 흔들리므로, 기술시의 수치는 무엇이든 좋다.

    ・쓰는 방법 예
    1. テキスト
        1. テキスト
        1. テキスト
        1. テキスト
    

    · 결과
  • 텍스트
  • 텍스트
  • 텍스트
  • 텍스트


  • 개행, 공행



    문장에 半角スペース2つ 로 개행, <br> 로 공행을 기술.

    ・쓰는 방법 예
    テキスト␣␣ ←半角スペース2つ
    テキスト
    <br>
    テキスト
    

    · 결과

    텍스트
    텍스트

    텍스트

    인라인 표기



    텍스트를 `` 로 둘러싸는 것으로 기술.

    ・쓰는 방법 예
    ``text``
    

    · 결과

    둘러싸인 부분이 text 와 같이 표시됩니다.

    pre기법



    문장에 スペース4つ 또는 タブ 에 묘사.

    ・쓰는 방법 예
        // Tab
        int a = 0;
            int b = 0;
    
        // Space
        int a = 0;
            int b = 0;
    

    · 결과
    int a = 0;
        int b = 0;
    

    사전 표기법 (```, ~~~)


    ``` 이나 ~~~ 로 둘러싸는 것으로도 기술 가능.
    또한, 이하의 예와 같이 기술함으로써, 신택스 하이라이트와 타이틀을 행할 수 있다.

    ・쓰는 방법 예
        ~~~言語名:タイトル
            テキスト
        ~~~
    
        ```golang:example.go
            packege "main"
    
            import "fmt"
    
            func main() {
                fmt.Println("Hello World!")
            }
        ```
    

    · 결과

    example.go
        packege "main"
    
        import "fmt"
    
        func main() {
            fmt.Println("Hello World!")
        }
    

    인용



    텍스트 앞에 > 에 설명. >> 에서 이중 인용이 된다.

    ・쓰는 방법 예
    > テキスト
    >
    > テキスト
    >> テキスト
    >> テキスト
    

    · 결과

    텍스트

    텍스트

    텍스트
    텍스트

    링크 삽입


    [リンク名](URL) 로 기술.

    ・쓰는 방법 예
    [Qiita](https://qiita.com/)
    

    · 결과

    · Qiita

    정의 참조 링크



    문장에 일일이 긴 URL을 쓰고 있으면 가독성이 나쁘기 때문에, 미리 정의해 두는 방법.[定義する名前]: URL 로 정의해, 참조할 때는 [リンク名][定義した名前] 라고 기술.

    ・쓰는 방법 예
        [Qiitaに飛べます][qiita]
    
        [qiita]: https://qiita.com/
    

    · 결과

    Qiita로 날 수 있습니다.

    이미지 삽입



    아래 예제와 같이 설명. ドラッグ&ドロップ 하지만 가능.

    ・쓰는 방법 예
    ![代替テキスト](URL "タイトル")
    
    ![sample_image](https://2.bp.blogspot.com/-BBDUhqUqFxY/WUdZNRQOykI/AAAAAAABFDw/dHO4dZ-5-NQTyXy_8_mpy4c5y-mYlPvFACLcBGAs/s800/pop_gazouha_image_desu_shikaku.png "sample_image")
    

    · 결과

    · 삽입 이미지 :

    크기를 지정하여 이미지 삽입



    html의 태그를 사용하여 지정할 수 있습니다.

    ・쓰는 방법 예
    <img width = "数値" alt = "代替テキスト" src = "URL">
    
    <img width = "150" alt = "sample_image" src = "https://2.bp.blogspot.com/-BBDUhqUqFxY/WUdZNRQOykI/AAAAAAABFDw/dHO4dZ-5-NQTyXy_8_mpy4c5y-mYlPvFACLcBGAs/s800/pop_gazouha_image_desu_shikaku.png">
    

    · 결과



    테이블 삽입



    입력 보완을 이용한다면 列数x行数 로 기술할 수 있다.
    수동의 경우는 이하의 예와 같이 기술.

    ・쓰는 방법 예
    // 3x2の入力補完で記述されたテーブル
    | 1 | 2 | 3 |
    |:-:|:-:|:-:|
    |   |   |   |
    |   |   |   |
    
    // 手動記入例
    | left   |   center   |    right |
    |:-------|:----------:|---------:|
    | left   |   center   |    right |
    | `left` | **center** |  *right* |
    

    · 결과


    1
    2
    3









    left
    센터
    right


    left
    센터
    right
    left센터
    right


    강조


    _ 인가 * 로 둘러싸면 강조 표현이 된다. 1개라면 기울임꼴이 되고, 2개라면 굵게 된다.

    ・쓰는 방법 예
    _text_
    *text*
    
    __text__
    **text**
    

    · 결과

    텍스트
    텍스트

    텍스트
    텍스트

    취소선


    ~~ 로 둘러싸는 것으로 취소선을 붙일 수 있다.

    ・쓰는 방법 예
    ~~テキスト~~
    

    · 결과

    텍스트

    수평선


    * 인가 - 인가 _ 를 3개 이상 연속으로 기술하는 것으로 표시 가능.
    스페이스는 들어가 있어도 표시 가능.

    ・쓰는 방법 예
    ***
    ---
    ___
    
    * * *
    

    · 결과





    주석


    テキスト[^1][^1]: 注釈内容 로 기술. 주석은 기술 장소에 관계없이 문장 표시가 된다

    ・쓰는 방법 예
        text[^1]
        [^1]: 注釈内容
    

    · 결과

    text 1

    마크다운 이스케이프


    \ 를 붙이면 가능.

    ・쓰는 방법 예
    \`インライン表示されない`
    

    · 결과

    `인라인 표시 안함`

    참고로 한 사이트


  • Markdown 기법 샘플 모음
  • Qiita 마크다운 기법 일람표・치트 시트
  • Markdown 기법 목록
  • Markdown에서 백 쿼트가 포함 된 인라인 코드를 작성하려면
  • 의외로 알려지지 않은 MarkDown 링크를 작성하는 방법



  • 주석 내용

    좋은 웹페이지 즐겨찾기