【Qiita/초보자】마크다운 기법 정리
개요
Qiita에서 기사를 게시하고 싶습니다.
그런 분에게 알고 싶은 「마크 다운 기법」을 정리했습니다.
(일부 마크 다운이 아닌 것도 있습니다)
시험에 사용해보십시오.
기본
제목
#(半角スペース)文字
마크다운
HTML
#h1 제목<h1>h1見出し</h1>
## h2 제목<h2>h2見出し</h2>
### h3 제목<h3>h3見出し</h3>
#
의 뒤의 반각 스페이스가 없어도 표제는 표시됩니다.
다만, 블로그 등에서 이용되는 WordPress에서는, 반각 스페이스가 없으면 표제로서 인식되지 않았습니다(확실히)
따라서 다른 매체에서도 범용적으로 사용할 수 있도록 반각 공간을 넣는 것이 좋습니다.
(덧붙여서 반각 공간을 아무리 넣어도 문자의 위치는 움직이지 않습니다)
개행
문자를 쓰고,
한 번만 개행하면
이 방법으로 바로 아래에 문자가 표시됩니다.
문자를 쓰고,
두 번 개행하면
이런 식으로 빈 공간이 있습니다.
이것은 여러 번 줄 바꿈해도 같은 폭입니다.
줄 사이를 더 넓히고 싶습니다 : <br> 태그
<br>
태그를 사용하면,
사용한 수만큼 많이 줄 사이를 넓힐 수 있습니다.
그건 그렇고,이 기사는 <h1>見出し
앞에 <br>
를 넣습니다.
링크
<a href="リンク先URL">表示したいリンク名</a>
표시하려는 링크 이름
Gyazo, Gyazo GIF의 도착 미리보기
![demo](画像やGIFのURL/raw)
문자 장식
굵게
**太字にしたい文字**
太字になります
기울임꼴
_斜体にしたい文字_
*もしくはこの書き方*
どちらでも斜体になります
인용
>(半角スペース)引用したい文字
これで引用できるようになります
僕はよくエラー文と、その日本語訳などに使ったりしますね。
마커(이스케이프)
バッククオート2つ `` で文字を囲むと。
このように表示されます
ちなみにこの場合、
<h1>HTMLタグなどもエスケープされて表示されます</h1>
코드 삽입
上下にバッククオート3つ ``` を書いて、その間に記載します。
このように黒い背景になります
このコードブロックを使うときは、前後に改行を入れてください。
そうしないと表示されません。
파일 이름 삽입
もし、ファイル名を挿入したい場合は、上側の```に続いてファイル名を入力。
index.html
<h1>このようにファイル名が上に表示されます</h1>
<h2>拡張子に合ったシンタックスハイライトが表示されます</h2>
test.rb
def string
puts "rubyならこんな感じです"
end
string
# コメントアウトもしっかり表示されます。
<!-- HTML用のコメントアウトはRubyファイルでは認識されません -->
파일 이름 삽입 (어떤 파일 이름도 OK)
先頭にコロン ":" を入れるとファイル名を表示できます。
``` :terminal
みたいな感じです
teminal
こんな感じです。
下の例では":"をつけずに書いてみます。
やはりterminalの文字は表示されませんね。
Rails 사용 (ERB 파일 하이라이트)
Railsで用いるERBファイルについて。
index.html.erb
のように書いてみましょう。
index.html.erb
<h1>ファイル名は表示されますが</h1>
<h2>ハイライトはされません</h2>
ERBはハイライトがサポートされているのに、ファイル名をそのまま書いても適用されません。
この場合は erb:index.html.erb
のように書きましょう。
index.html.erb
<h1>これでハイライトされるようになりました</h1>
もしシンタックスハイライトがサポートされているのに認識されないときは、この記法を使ってみましょう。
목록
글머리 기호
*(半角スペース)リストの文字
- これでリストを書けます
- ちなみに改行直後にTABキーを押すと
- このように入れ子を使えます
- 3段目以降は
- 同じマークになるようですね
- さらに
- 改行した後に Shift+TAB で
- このようにインデントを上げることができます
もし、間を空けたい時は。
リストを書いてから
2回改行して
さらにリストを記載します
순서 있음
1.(半角スペース)リストの文字
- このように
- 改行すると、
- 数字が自動で挿入されます
- ちなみにTABを押すと
- 入れ子構造を作れます
- そしてShift+TABで
- 入れ子を戻せます
표(테이블)
중앙 정렬
| 1 | 2 |
|:-:|:-:|
| 値1 | 値2 |
| longlong | longlong |
제목
#(半角スペース)文字
마크다운
HTML
#h1 제목
<h1>h1見出し</h1>
## h2 제목
<h2>h2見出し</h2>
### h3 제목
<h3>h3見出し</h3>
#
의 뒤의 반각 스페이스가 없어도 표제는 표시됩니다.다만, 블로그 등에서 이용되는 WordPress에서는, 반각 스페이스가 없으면 표제로서 인식되지 않았습니다(확실히)
따라서 다른 매체에서도 범용적으로 사용할 수 있도록 반각 공간을 넣는 것이 좋습니다.
(덧붙여서 반각 공간을 아무리 넣어도 문자의 위치는 움직이지 않습니다)
개행
문자를 쓰고,
한 번만 개행하면
이 방법으로 바로 아래에 문자가 표시됩니다.
문자를 쓰고,
두 번 개행하면
이런 식으로 빈 공간이 있습니다.
이것은 여러 번 줄 바꿈해도 같은 폭입니다.
줄 사이를 더 넓히고 싶습니다 : <br> 태그
<br>
태그를 사용하면,사용한 수만큼 많이 줄 사이를 넓힐 수 있습니다.
그건 그렇고,이 기사는
<h1>見出し
앞에 <br>
를 넣습니다.링크
<a href="リンク先URL">表示したいリンク名</a>
표시하려는 링크 이름
Gyazo, Gyazo GIF의 도착 미리보기
![demo](画像やGIFのURL/raw)
문자 장식
굵게
**太字にしたい文字**
太字になります
기울임꼴
_斜体にしたい文字_
*もしくはこの書き方*
どちらでも斜体になります
인용
>(半角スペース)引用したい文字
これで引用できるようになります
僕はよくエラー文と、その日本語訳などに使ったりしますね。
마커(이스케이프)
バッククオート2つ `` で文字を囲むと。
このように表示されます
ちなみにこの場合、
<h1>HTMLタグなどもエスケープされて表示されます</h1>
코드 삽입
上下にバッククオート3つ ``` を書いて、その間に記載します。
このように黒い背景になります
このコードブロックを使うときは、前後に改行を入れてください。
そうしないと表示されません。
파일 이름 삽입
もし、ファイル名を挿入したい場合は、上側の```に続いてファイル名を入力。
index.html
<h1>このようにファイル名が上に表示されます</h1>
<h2>拡張子に合ったシンタックスハイライトが表示されます</h2>
test.rb
def string
puts "rubyならこんな感じです"
end
string
# コメントアウトもしっかり表示されます。
<!-- HTML用のコメントアウトはRubyファイルでは認識されません -->
파일 이름 삽입 (어떤 파일 이름도 OK)
先頭にコロン ":" を入れるとファイル名を表示できます。
``` :terminal
みたいな感じです
teminal
こんな感じです。
下の例では":"をつけずに書いてみます。
やはりterminalの文字は表示されませんね。
Rails 사용 (ERB 파일 하이라이트)
Railsで用いるERBファイルについて。
index.html.erb
のように書いてみましょう。
index.html.erb
<h1>ファイル名は表示されますが</h1>
<h2>ハイライトはされません</h2>
ERBはハイライトがサポートされているのに、ファイル名をそのまま書いても適用されません。
この場合は erb:index.html.erb
のように書きましょう。
index.html.erb
<h1>これでハイライトされるようになりました</h1>
もしシンタックスハイライトがサポートされているのに認識されないときは、この記法を使ってみましょう。
목록
글머리 기호
*(半角スペース)リストの文字
- これでリストを書けます
- ちなみに改行直後にTABキーを押すと
- このように入れ子を使えます
- 3段目以降は
- 同じマークになるようですね
- さらに
- 改行した後に Shift+TAB で
- このようにインデントを上げることができます
もし、間を空けたい時は。
リストを書いてから
2回改行して
さらにリストを記載します
순서 있음
1.(半角スペース)リストの文字
- このように
- 改行すると、
- 数字が自動で挿入されます
- ちなみにTABを押すと
- 入れ子構造を作れます
- そしてShift+TABで
- 入れ子を戻せます
표(테이블)
중앙 정렬
| 1 | 2 |
|:-:|:-:|
| 値1 | 値2 |
| longlong | longlong |
![demo](画像やGIFのURL/raw)
문자 장식
굵게
**太字にしたい文字**
太字になります
기울임꼴
_斜体にしたい文字_
*もしくはこの書き方*
どちらでも斜体になります
인용
>(半角スペース)引用したい文字
これで引用できるようになります
僕はよくエラー文と、その日本語訳などに使ったりしますね。
마커(이스케이프)
バッククオート2つ `` で文字を囲むと。
このように表示されます
ちなみにこの場合、
<h1>HTMLタグなどもエスケープされて表示されます</h1>
코드 삽입
上下にバッククオート3つ ``` を書いて、その間に記載します。
このように黒い背景になります
このコードブロックを使うときは、前後に改行を入れてください。
そうしないと表示されません。
파일 이름 삽입
もし、ファイル名を挿入したい場合は、上側の```に続いてファイル名を入力。
<h1>このようにファイル名が上に表示されます</h1>
<h2>拡張子に合ったシンタックスハイライトが表示されます</h2>
def string
puts "rubyならこんな感じです"
end
string
# コメントアウトもしっかり表示されます。
<!-- HTML用のコメントアウトはRubyファイルでは認識されません -->
파일 이름 삽입 (어떤 파일 이름도 OK)
先頭にコロン ":" を入れるとファイル名を表示できます。
``` :terminal
みたいな感じです
こんな感じです。
下の例では":"をつけずに書いてみます。
やはりterminalの文字は表示されませんね。
Rails 사용 (ERB 파일 하이라이트)
Railsで用いるERBファイルについて。
index.html.erb
のように書いてみましょう。
<h1>ファイル名は表示されますが</h1>
<h2>ハイライトはされません</h2>
ERBはハイライトがサポートされているのに、ファイル名をそのまま書いても適用されません。
この場合は erb:index.html.erb
のように書きましょう。
<h1>これでハイライトされるようになりました</h1>
もしシンタックスハイライトがサポートされているのに認識されないときは、この記法を使ってみましょう。
목록
글머리 기호
*(半角スペース)リストの文字
- これでリストを書けます
- ちなみに改行直後にTABキーを押すと
- このように入れ子を使えます
- 3段目以降は
- 同じマークになるようですね
- さらに
- 3段目以降は
- 改行した後に Shift+TAB で
- このように入れ子を使えます
- このようにインデントを上げることができます
もし、間を空けたい時は。
リストを書いてから
2回改行して
さらにリストを記載します
순서 있음
1.(半角スペース)リストの文字
- このように
- 改行すると、
- 数字が自動で挿入されます
- ちなみにTABを押すと
- 入れ子構造を作れます
- そしてShift+TABで
- 入れ子を戻せます
표(테이블)
중앙 정렬
| 1 | 2 |
|:-:|:-:|
| 値1 | 値2 |
| longlong | longlong |
1 | 2 |
---|---|
値1 | 値2 |
longlong | longlong |
왼쪽 정렬(기본값)
| 1 | 2 |
|---|---|
| 値1 | 値2 |
| longlong | longlong |
1 | 2 |
---|---|
値1 | 値2 |
longlong | longlong |
오른쪽 정렬
| 1 | 2 |
|--:|--:|
| 値1 | 値2 |
| longlong | longlong |
1 | 2 |
---|---|
値1 | 値2 |
longlong | longlong |
테이블을 확실히 꺼냅니다 (열 x 행)
列x行 (x:"エックス")
と入力してエンターを押すと、
1 | 2 | 3 | 4 |
---|---|---|---|
簡単にテーブルを作れます。
수평선
---
***
これで区切り線が表示されます。
どちらの方法でもできますね。
사이고에게
技術のアウトプットをすると、「人に見られる」という責任感からか、インプットの質も必然的に上がります。
もしアウトプットを始めたい方は、ぜひこのページを見ながら試してみてください!
Reference
이 문제에 관하여(【Qiita/초보자】마크다운 기법 정리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/saika_0/items/ce0e448fcdf1e47a477a텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)