Markdown記法 チートシート

Markdown

みんな大好きマークダウン!僕もメモをする時、議事録を取る時はマークダウンで書いていますが、あまり使わない記法なんかは書き方を忘れてしまって調べてみたり...って場面もある為、Markdown 記法をまとめてみました。

# 見出し

行頭に#で見出しになる。
#の数で見出しレベルが変わる。(h1〜h6 まで)

# 見出し1
## 見出し2
### 見出し3
#### 見出し4
##### 見出し5
###### 見出し6

# 見出し 1

# 見出し 2

# 見出し 3

# 見出し 4

# 見出し 5
# 見出し 6

# 段落

空行を入れると段落になる。

テキストテキストテキスト

テキストテキストテキスト

テキストテキストテキスト

テキストテキストテキスト

# 改行

改行したい箇所にスペース 2 つ入れる。

私は貝になりたい。
私は魚になりたい。  // 行末にスペース2つ
私は鯨になりたい。

私は貝になりたい。 私は魚になりたい。
私は鯨になりたい。

# リンク

[表示するテキスト](リンク先URL)でリンクを記述できる。

[Google先生](https://www.google.com/)

Google 先生 (opens new window)

# 外部参照リンク

同じリンクを数カ所で使用する等、何度も URL を記述するのが面倒な場合、外部参照リンクを使うと便利です。
リンク先への参照を定義しておけば、定義を記述するだけでリンクが記述できます。

[yahoo先輩][yahoo]
[yahoo後輩][yahoo]
[こっちもyahoo][yahoo]

[yahoo]: https://www.yahoo.co.jp/

yahoo 先輩 (opens new window)
yahoo 後輩 (opens new window)
こっちも yahoo (opens new window)

# 箇条書きリスト

ハイフン-、プラス+もしくはアスタリスク*のいずれかを行頭に記述。
タブを入れることでネスト可。HTML でいうところのul

- リスト1
- リスト2
  - リスト2-1
  - リスト2-2
- リスト3
  • リスト 1
  • リスト 2
    • リスト 2-1
    • リスト 2-2
  • リスト 3

# 番号付きリスト

行頭に数字.を記述する。HTML でいうところのol
ネストは箇条書きリスト同様タブを入れる。表示される番号は自動的に採番されるみたいで、すべての行を1.と記述するのが良いようです。僕はこれを知らずに律儀にきちんと順に番号割り振って記述してましたw

1. リスト1
1. リスト2
  1. リスト2-1
  1. リスト2-2
1. リスト3
  1. リスト 1
  2. リスト 2
    1. リスト 2-1
    2. リスト 2-2
  3. リスト 3

# 引用

行頭に>を記述する。
ネストする際は>を重ねて>>と記述する。

> 有名な方のありがたいお言葉を引用。
> ちょっと有名な方のありがたいお言葉を引用。
>> そこそこ有名な方のありがたいお言葉を引用。
>> 結構有名な方のありがたいお言葉を引用。

有名な方のありがたいお言葉を引用。
ちょっと有名な方のありがたいお言葉を引用。

そこそこ有名な方のありがたいお言葉を引用。
結構有名な方のありがたいお言葉を引用。

# コード

バッククオート 3 つ```で囲む。

```
console.log('hello, world!!')
```
console.log("hello, world!!");

# インラインコード

バッククオート`で囲む。

震える手で`npm install`を実行すると、涙が出た。

震える手でnpm installを実行すると、涙が出た。

# 水平線

アンダースコア_ 、アスタリスク*、ハイフン-等、3 つ以上連続して記述する。

アスタリスク
***

アンダースコア
___

ハイフン
---

間にスペースが入ってもOK
-    -    -

アスタリスク


アンダースコア


ハイフン


間にスペースが入っても OK


# 強調

# em

アスタリスク*もしくはアンダースコア_で文字列を囲む。
見た目は斜体(italic)になります。

明日の天気は、*晴れ*みたいです。
ただ、明後日は_雨_のようです。

明日の天気は、晴れみたいです。
ただ、明後日はのようです。

# strong

アスタリスク*もしくはアンダースコア_2 つで文字列を囲む。
見た目は太字(bold)になります。

明日の天気は、**晴れ**みたいです。
ただ、明後日は__雨__のようです。

明日の天気は、晴れみたいです。
ただ、明後日はのようです。

# em + strong

アスタリスク*もしくはアンダースコア_2 つで文字列を囲む。
見た目は斜体(italic)+ 太字(bold)になります。

明日の天気は、***晴れ***みたいです。
ただ、明後日は___雨___のようです。

明日の天気は、晴れ みたいです。
ただ、明後日は のようです。

# 取り消し線

取り消ししたい文字列をチルダ 2 つ~~で囲みます。

私は~~金持ち~~貝になりたい。

私は金持ち貝になりたい。

# 画像

リンクと同じような書き方になり、先頭に!を付けると画像になります。![alt](画像URL)
画像の大きさを指定する場合は、img タグを使います。

![sample画像](/images/sample_image.jpg)
<img src="/images/sample_image.jpg" alt="sample画像" title="sample画像" width="200" >

sample画像 sample画像

# テーブル

-|を使って table を作成します。
1 行目のヘッダー記述後に:で左寄せ、右寄せ、中央寄せを定義します。

| header | header | header |
| :----- | :----: | -----: |
| left   | center |  right |
| A      |   B    |      C |
header header header
left center right
A B C

# コメントアウト

実は HTML と同じ書き方でコメントアウトが使える。

<!-- comment. -->
Last Updated: 2021-9-2 12:36:29