【저장판】샘플로 정리해 본 「Markdown 치트 시트」

14876 단어 웹HTML요약Markdown치트 시트

소개



Mardown 입문자・경험자 모두를 향해, 썼습니다.
문장이 아니라, 직감으로 알기 쉬운 「샘플로 정리한다」형식을 취했습니다. (Qiita의 기법을 채용하고 있습니다.)

A. 최빈출 명령



1. 제목(#)


# タイトル
## サブタイトル

제목



부제



2. 굵게( ** )


markdownはとても**便利**です。

markdown은 매우 편리합니다.

3. 리스트(-)


- 普通のリスト 1
- 普通のリスト 2
- 普通のリスト 3

1. 番号付きリスト 1
2. 番号付きリスト 2
3. 番号付きリスト 3

- [ ] チェックボックス 1
- [ ] チェックボックス 2
- [x] チェックボックス 3
  • 일반 목록 1
  • 일반 목록 2
  • 일반 목록 3
  • 번호 매기기 목록 1
  • 번호 매기기 목록 2
  • 번호 매기기 목록 3


    • 확인란 1
    확인란 2
    확인란 3

    4. 이미지( ![]() )


    ![画像が読み込めなかった時に表示するテキスト](画像のリンク)
    ![サンプル写真](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240280/63557e45-4b4f-cd5a-1fe3-5a2c5d3e3596.png)



    사이즈 지정



    이미지의 크기를 지정하는 경우 HTML로 작성할 수도 있습니다.
    <img width="500" alt="サンプル写真(画像が読み込めなかった時に表示するテキスト)" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/240280/63557e45-4b4f-cd5a-1fe3-5a2c5d3e3596.png">



    5. 링크( []() )


    [表示する文字](リンク)
    [【保存版】サンプルでまとめてみた『Markdownチートシート』](https://qiita.com/umi_mori/private/24f7b47563cffcc5fd86)

    【저장판】샘플로 정리해 본 「Markdown 치트 시트」

    6. 짧은 코드(`)



    백 쿼트(`)라는 조금 바뀐 기호를 사용한다.
    `var x = 7;`
    var x = 7;

    7. 긴 코드 (```)



    마찬가지로 백 쿼트 (`)를 사용합니다. ( \ 를 쓰고 있지만 실제로는 쓰지 않는다.)
    \```python:sample.py
from flask import Flask, render_template, request
import logging

app = Flask(__name__)

@app.route('/')
def index():
    sample_title = "title"
    sample_array = ['x', 'y', 'z']
    sample_json = {"title": "sample_title", "desc": "sample_desc"}
    return render_template('index.html', title=sample_title, array=sample_array, json=sample_json)

@app.route('/test', methods=['GET', 'POST'])
def test():
    if request.method == 'GET':
        logging.log(30, 'warning')
        logging.log(100, 'test1')
        res = request.args.get('get_value')
    elif request.method == 'POST':
        res = request.form['post_value']
    return res

if __name__ == '__main__':
    app.debug = True
    app.run(host='0.0.0.0', port=8080)
\```

    sample.py
    from flask import Flask, render_template, request
import logging

app = Flask(__name__)

@app.route('/')
def index():
    sample_title = "title"
    sample_array = ['x', 'y', 'z']
    sample_json = {"title": "sample_title", "desc": "sample_desc"}
    return render_template('index.html', title=sample_title, array=sample_array, json=sample_json)

@app.route('/test', methods=['GET', 'POST'])
def test():
    if request.method == 'GET':
        logging.log(30, 'warning')
        logging.log(100, 'test1')
        res = request.args.get('get_value')
    elif request.method == 'POST':
        res = request.form['post_value']
    return res

if __name__ == '__main__':
    app.debug = True
    app.run(host='0.0.0.0', port=8080)

    B. 알고 편리한 명령



    8. 표


    |概要 (中央寄せ)|担当 (左寄せ)|備考 (右寄せ)|
|:---:|:---|---:|
|概要 1|Aさん|備考 1|
|概要 2|Bさん|備考 2|
|概要 3|Cさん|備考 3|


    개요 (중앙 정렬)
    담당 (왼쪽 정렬)
    비고 (오른쪽 정렬)


    개요 1
    A씨
    비고 1

    개요 2
    B씨
    비고 2

    개요 3
    C씨
    비고 3


    9. 인용


    > 私たちの最大の弱点は諦めることにある。
> 成功するのに最も確実な方法は、
> 常にもう一回だけ試してみることだ。
> 『トーマスエジソン』より

    우리의 가장 큰 약점은 포기하는 것입니다.
    성공하는 가장 확실한 방법은
    항상 한 번만 시도해 보는 것이다.
    "토마스 에디슨"에서

    10. 수평선


    ---

    11. 상쇄선 / 이탤릭


    ~~打ち消される文字~~
*イタリックな文字*

    상쇄되는 문자
    기울임 꼴 문자

    C. 아는 사람만 아는 명령



    12. 주석



    두 번째 줄은 주석의 내용이 끝에 자동으로 추가됩니다. ( \ 를 쓰고 있지만 실제로는 쓰지 않는다.)
    [^注釈1]
\[^注釈1]: この注釈は、下に自動的に表示されます。

    1

    13. 컬러 문자(HTML)



    추가 기사 : Qiita의 마크다운으로 색을 칠하는 방법 [140색]
    <font color="Red">Red</font>
<font color="Green">Green</font>
<font color="Blue">Blue</font>

<font color="#ff0000">16進数</font>

    레드
    그린
    블루

    16진수

    14. 아코디언 / 접기 (HTML)


    <details>
    <summary>【保存版】サンプルでまとめてみた『Markdownチートシート』</summary>
    1. 見出し（`#`）
    2. 太字（`**`）
    3. リスト（`-`）
    4. 画像（`![]()`）
    5. リンク（`[]()`）
    6. 短いコード（`）
    7. 長いコード（```）
    8. 表
    9. 引用
    10. 水平線
    11. 打ち消し線 / イタリック
</details>

    【저장판】샘플로 정리해 본 「Markdown 치트 시트」
    1. 제목( # )
    2. 굵게( ** )
    3. 리스트( - )
    4. 이미지( ![]() )
    5. 링크( []() )
    6. 짧은 코드(`)
    7. 긴 코드 (```)
    8. 표
    9. 인용
    10. 수평선
    11. 상쇄선/이탤릭

    14. 포함 태그



    Twitter(2020년 3월경부터 무효가 되었습니다)


    <blockquote class="twitter-tweet">
    <a href="https://twitter.com/umi_mori_jp/status/1137261474064228352?ref_src=twsrc%5Etfw">ここに代替えテキストのようなものが入ります。</a>
</blockquote>

    여기에 대체 텍스트와 같은 것이 들어 있습니다.


    CodePen



    추가 기사 : Qiita에서 기사에 CodePen을 삽입할 수 있습니다.
    <p data-height="265" data-theme-id="0" data-slug-hash="dJgNLK" data-default-tab="js,result" data-user="tomoasleep" data-embed-version="2" data-pen-title="dJgNLK" class="codepen">
    See the Pen 
    <a href="https://codepen.io/tomoasleep/pen/dJgNLK/">dJgNLK</a>
    by Tomoya Chiba (<a href="https://codepen.io/tomoasleep">@tomoasleep</a>) 
    on <a href="https://codepen.io">CodePen</a>.
</p>

<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>

    See the Pen
    dJgNLK
    by Tomoya Chiba ( @tomoasleep )
    on CodePen .


    15. 수식



    3 종류의 쓰기 방법입니다. ( \ 를 쓰고 있지만 실제로는 쓰지 않습니다.)

    자세한 기사: Qiita 수식 치트 시트 



    \```math
e^{i\pi} = -1
\```

$$ e^{i\pi} = -1$$

オイラーの等式は、$ e^{i\pi} = -1 $ です。



    e^{i\pi} = -1


    $$e^{i\pi} = -1$$



    오일러의 방정식은 $ e^{i\pi} = -1 $ 입니다.



    덤



    Markdown => HTML



    Markdown to HTML - Markdown으로 작성된 파일을 HTML로 자동 변환하는 웹 애플리케이션





    Markdown 편집기 특징



    Typora





    Boostnote





    슬랙



    Slack은 단순한 Markdown 편집기를 채택합니다.



    Qiita의 오른쪽 목차



    Qiita의 오른쪽 목차는 제목 ( # )에서 자동으로 감지됩니다.



    코드 대응 언어 조견표



    - ABAP
- ActionScript
- Apache
- API Blueprint
- AppleScript
- Awk
- BIML
- 1C (BSL)
- C
- Ceylon
- CFScript
- Clojure
- CMake
- CoffeeScript
- Common Lisp
- Config File
- Console
- Coq
- C++
- Crystal
- C#
- CSS
- D
- Dart
- diff
- digdag
- Docker
- DOT
- Eiffel
- Elixir
- Elm
- ERB
- Erlang
- Factor
- Fortran
- FSharp
- Gherkin
- GLSL
- Go
- Gradle
- Graphql
- Groovy
- Hack
- Haml
- Handlebars
- Haskell
- HTML
- HTTP
- HyLang
- IDL
- IgorPro
- INI
- Io
- Irb
- Irb_output
- Java
- JavaScript
- Jinja
- JSON
- Json-doc
- Jsonnet
- JSX
- Julia
- Kotlin
- Lasso
- Liquid
- Literate CoffeeScript
- Literate Haskell
- LLVM
- Lua
- Make
- Markdown
- MATLAB
- MoonScript
- Mosel
- MXML
- Nasm
- nginx
- Nim
- Nix
- Objective-C
- OCaml
- Pascal
- Perl
- PHP
- Plain Text
- Plist
- Pony
- powershell
- Praat
- Prolog
- Prometheus
- .properties
- Protobuf
- Puppet
- Python
- Q
- QML
- R
- Racket
- Ruby
- Rust
- Sass
- Scala
- Scheme
- SCSS
- sed
- shell
- Sieve
- Slim
- Smalltalk
- Smarty
- SML
- SQL
- Swift
- TAP
- Tcl
- TeX
- TOML
- TypeScript
- Tulip
- Turtle/TriG
- Twig
- Vala
- Visual Basic
- Verilog and System Verilog
- VHDL 2008
- VimL
- Vue
- Wollok
- XML
- YAML







    1. 이 주석은 아래에 자동으로 표시됩니다. ¦ ↩





    무료로 읽을 수 있는 기술서·엔지니어 본 정리의 정리의 정리
    자작 PC로 배우는 컴퓨터 아키텍처 메인보드 메모리 SSD편

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage