This page looks best with JavaScript enabled

Markdown記法 まとめ

 ·   ·  ☕ 3 min read  ·  ✍️ coriander

Markdownで文章を書くたびに書き方を調べているので,記法をまとめた.

見出し

Input:

1
2
3
4
5
# h1
## h2
### h3
#### h4
##### h5

Output:

h1

h2

h3

h4

h5

箇条書き

番号なし

Input:

1
2
3
4
 - カレー
     - チキン
     - マトン
 - ナン

Output:

  • カレー
    • チキン
    • マトン
  • ナン

-の代わりに*を使用してもOK.

番号付き

Input:

1
2
3
4
 1. パクチー
    1. コリアンダー
    2. カメムシ草
 2. 大好き

Output:

  1. パクチー
    1. コリアンダー
    2. カメムシ草
  2. 大好き

イタリック体,太字,イタリック&太字,打ち消し線

イタリック体

Input:

1
*で文字を囲むと *italic* になる

Output:

*で文字を囲むと italic になる

太字

Input:

1
**で文字を囲むと **太字** になる

Output:

**で文字を囲むと 太字 になる

イタリック体&太字

Input:

1
***で文字を囲むと ***イタリック体&太字*** になる

Output:

***で文字を囲むと イタリック体&太字 になる

打ち消し線

Input:

1
~~で文字を囲むと ~~打ち消し線~~ になる

Output:

~~で文字を囲むと 打ち消し線 になる

リンク

書き方その1

Input:

1
2
[パクチー雑記](https://coriandered.com/ "リンクにカーソルを当てたとき,文字が表示される")
<https://coriandered.com/>

Output:

パクチー雑記
https://coriandered.com/

書き方その2

Input:

1
2
3
4
この[文章][1]のように,レポートみたいに[リンク][2]を文章の後にまとめて書くことができる.

[1]:https://coriandered.com/
[2]:https://coriandered.com/blog/previm/

Output:

この文章のように,レポートみたいにリンクを文章の後でまとめて書くことができる.

画像

![画像の説明](画像path)

引用

Input:

1
2
3
4
> **BanG Dream!** (バンドリ!)は、『月刊ブシロード』で連載された同名の漫画作品およびイラスト連載をもとにしたメディアミックスプロジェクト。  
> そのプロジェクトの一環として『 **Poppin'Party+* (ポッピン パーティー)』、『 **Roselia** (ロゼリア)』、『 **RAISE A SUILEN** (レイズ ア スイレン)』、『 **Morfonica** (モルフォニカ)』が声優ユニットのリアルバンドとして活動している。

>> 引用元:[Wikipedia](https://ja.wikipedia.org/wiki/BanG_Dream! "BanG Dream!")

Output:

BanG Dream! (バンドリ!)は、『月刊ブシロード』で連載された同名の漫画作品およびイラスト連載をもとにしたメディアミックスプロジェクト。
そのプロジェクトの一環として『 *Poppin’Party+ (ポッピン パーティー)』、『 Roselia (ロゼリア)』、『 RAISE A SUILEN (レイズ ア スイレン)』、『 Morfonica (モルフォニカ)』が声優ユニットのリアルバンドとして活動している。

引用元:Wikipedia

コードブロック

Input:

‘‘‘c ←バッククオートの横に拡張子を書くとハイライトしてくれる(bash, pythonとか)
#include <stidio.h>
int main(void){
printf(“Hello World!");
return 0;
}
'’’
上の書き方でシングルコロンバッククオート に書き直すこと!

Output:

1
2
3
4
5
#include <studio.h>
int main(void){
    printf("Hello World!");
    return 0;
    }

インラインコード

Input:

バッククオート1つで単語を囲むとインラインコードを作成できる

Output:

バッククオート1つで単語を囲むとインラインコードを作成できる

水平線

Input:

アスタリスクか
***
アンダースコア
___
などを3つ以上打つことで水平線を作成できる.

Output:

アスタリスクか


アンダースコア


などを3つ以上打つことで水平線を作成できる.

Input:

1
2
3
4
| 左寄せ | 中央寄せ | 右寄せ |
| :-- | :-: | --: |
| TD1 | TD2 | TD3 |  
| TD1 | TD2 | TD3 |

Output:

左寄せ中央寄せ右寄せ
TD1TD2TD3
TD1TD2TD3
Share on

coriander
WRITTEN BY
coriander
student